Tijden veranderen
3 kolommen
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
/* css document */
body { background: #F8F8F8; font-family: Verdana, Arial; margin: 0px;}
#wrapper {background: ##FFFFFF; width: 80%; height: auto; border: solid 1px black; margin-left: 10%; margin-right: 10%; }
#wrapper #left {width: 15%; height: 100% ; border-right: solid 1px black; float: left; color: red; }
#wrapper #content {width: 70%; height: 100% ; float: left; }
#wrapper #right {width: 15%; height: 100%; border-left: solid 1px black; float: right; }
body { background: #F8F8F8; font-family: Verdana, Arial; margin: 0px;}
#wrapper {background: ##FFFFFF; width: 80%; height: auto; border: solid 1px black; margin-left: 10%; margin-right: 10%; }
#wrapper #left {width: 15%; height: 100% ; border-right: solid 1px black; float: left; color: red; }
#wrapper #content {width: 70%; height: 100% ; float: left; }
#wrapper #right {width: 15%; height: 100%; border-left: solid 1px black; float: right; }
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
/* css document */
body { background: #F8F8F8; font-family: Verdana, Arial; margin: 0px;}
#wrapper {background: ##FFFFFF; width: 80%; height: auto; border: solid 1px black; margin-left: 10%; margin-right: 10%; overflow:auto;}
#wrapper #left {width: 15%; height: 100% ; border-right: solid 1px black; float: left; color: red; }
#wrapper #content {width: 70%; height: 100% ; float: left; }
#wrapper #right {width: 15%; height: 100%; border-left: solid 1px black; float: left; }
body { background: #F8F8F8; font-family: Verdana, Arial; margin: 0px;}
#wrapper {background: ##FFFFFF; width: 80%; height: auto; border: solid 1px black; margin-left: 10%; margin-right: 10%; overflow:auto;}
#wrapper #left {width: 15%; height: 100% ; border-right: solid 1px black; float: left; color: red; }
#wrapper #content {width: 70%; height: 100% ; float: left; }
#wrapper #right {width: 15%; height: 100%; border-left: solid 1px black; float: left; }
Gewijzigd op 20/11/2010 18:23:35 door Jasper DS
FF stopt namelijk de breedte van de border bij de breedte van de div. Dus een div met een breedte van 200px en een border van 2px krijg in FF de breedte 202px. IE plaatst deze border gewoon in de div van 200px, zodat die div 200px blijft.
Je zult dus de width iets minder moeten maken, zodat alle breedtes van de div's en de border breedtes bij elkaar 100% is.
edit: hoe kan ik er dan voor zorgen dat chrome, ie, .. == FF?
Gewijzigd op 20/11/2010 20:43:02 door Jasper DS