Vraag : CSS

Kan iemand me vertellen hoe te om mijn CSS te veranderen zodat breidt het belangrijkste inhoudsgebied zich aan de grootte van text.

www.toodles.com/source/pol icies.html

My CSS code is below
" codeBody " 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:

@charset „utf-8“;
lichaam {
	doopvont: 100% Verdana, Arial, Helvetica, zonder-serif;
	achtergrond: #CAFFFE;
	marge: 10; 
	het opvullen: 10;
	tekst-richt me: centrum; 
	kleur: #000000;
}
lichaam {
	doopvont-grootte: 16px;	
}

.twoColElsRt #container { 
	breedte: 790px;
	hoogte: 800px;
	achtergrond: #ffffff;
	het opvullen: 20px 0;
	marge: auto 0; 
	//border: 1px stevige #000000;
	tekst-richt me: linker; 
} 

.twoColElsRt #movie {
	marge-bovenkant: 20px;
	marge-linkerzijde: 8px;
	marge-recht: 18px;
	op:vullen-linkerzijde: 190px;
	doopvont-grootte: 12px;
	test-richt me: centrum;
	kleur: #000;
}


.twoColElsRt #sidebar1 h3, #sidebar1 h4, .twoColElsRt #sidebar1 p {
	marge-linkerzijde: 15px;
	marge-recht: 10px;
	doopvont-grootte: 15px;
	kleur: #000;
}

.twoColElsRt #sidebar1 {
      vlotter: recht;
	  kleur: #fff;
	  breedte: 175px; 
	  hoogte: 800; 
	  op:vullen-linkerzijde: 5px; 
}
.twoColElsRt #sidebar1Img1 {
	positie: relatief;
	marge-linkerzijde: 20px;
    marge-bovenkant: 22px;
}

.twoColElsRt #sidebar1--tekst {
	marge-bovenkant: 10px; 
	marge-linkerzijde: 8px;
	marge-recht: 18px;
	doopvont-grootte: 12px;
	test-richt me: centrum;
	kleur: #000;
}
.twoColElsRt #sidebar1Img2 {
	positie: relatief;
	marge-linkerzijde: 10px;
    marge-bovenkant: 22px;
	
}
.twoColElsRt #sidebar2 {
	vlotter: linker;
	kleur: #fff;
	breedte: 130px; 
	hoogte: 790px; 
	op:vullen-bovenkant: 10px;
	op:vullen-recht: 5px; 
	achtergrond-beeld: url (grafiek/spiral_border.gif);
	achtergrond-herhaling: herhaal;
}

.twoColElsRt #sidebar2, .twoColElsRt #sidebar2 p {	
	marge-linkerzijde: 5px; 
	op:vullen-linkerzijde: 5px;
	doopvont-grootte: 15px;
	kleur: #000;
}

#mainContent .twoColElsRt {
	marge: 20px 180px 0 170px;
	op:vullen-bovenkant: 20;
} 

.fltrt { 
	vlotter: recht;
	marge-linkerzijde: 8px;
}
.fltlft { 
	vlotter: linker;
	marge-recht: 8px;
}
.clearfloat { 
	ontruim: allebei;
    hoogte: 0;
    doopvont-grootte: 12px;
    lijn-hoogte: 0px;
}

a: verbinding {
	kleur: #000;
	doopvont-gewicht: gewaagd;
	doopvont-grootte: 12px;
	tekst-decoratie: niets;
}
a: hang {
	kleur: #000;
	doopvont-gewicht: gewaagd;
	doopvont-grootte: 16px;
	tekst-decoratie: niets;
}
a: actief {
	kleur: #000;
	tekst-decoratie: niets;
}
a: bezocht {
	kleur: #000;	
	tekst-decoratie: niets;
}

h1 {doopvont-grootte: 30px;}

h2 {
	doopvont-grootte: 20px;
	kleur: #333;
}

h4 {
	doopvont-grootte: 10px;
	kleur: #000;
}

Antwoord : CSS

ook, is er inderdaad een kwestie met uw css.
(u zult werkelijk moeten schoonmaken dat HTML als ik in mijn vorige commentaar zei, maar dat alleen niet genoeg zal zijn)

Verwijder „sidebar2“ (van uw css en HTML, hebt u het niet nodig)

in u CSS voegt de verandering/deze regels toe:

.twoColElsRt #container {
       hoogte: auto;
       achtergrond-beeld: url („grafiek/spiral_border.gif“);
       achtergrond-positie: verlaten bovenkant;
       achtergrond-herhaling: herhaling-y;
}

en dat zou het moeten doen:)
Andere oplossingen  
 
programming4us programming4us