Liquid design CSS vraag
Voor mijn school moet ik een website me fluid/liquid layout maken. Dit lukt me goe, er is echter 1 ding dat ik niet zo goed begrijp. Ik heb het volgende:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
article .tekst {
width: 100% -32px;
border: solid 1px #666666;
margin: 0;
padding: 15px;
height: auto;
overflow: hidden;
text-align: justify;
}
width: 100% -32px;
border: solid 1px #666666;
margin: 0;
padding: 15px;
height: auto;
overflow: hidden;
text-align: justify;
}
De width is 100%-32px omdat de padding 2x 15px is en de border 2x 1px.... 100% -32px is echter niet W3 valid. Hoe los ik dit op zodat de div toch 100% is en niet 100% + 32px ?
Is er mischien een manier om ervoor te zorgen dat in deze class de padding en de border niet bij de width geteld worden?
Mvg,
Jelle
Gewijzigd op 14/02/2013 14:02:13 door Jelle Sturm
