ik probeer iets super simpels te maken, 1 div widht 100% een bg color, een 2e div in de 1e div widht 100px en ook een bg color :

.div1 {
position: relative;
background-color: #BCD4EA;
height: 10px;
width: 100%;
}

.div2 {
position: absolute;
background-color: #000000;
height: 10px;
width: 100px;
}

en mijn HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">;
<html>
<head>
<title>Admin</title>
<link rel="stylesheet" type="text/css" href="D:/webserver/styles/fileManager.css"/>
</head>
<body>

<div class="div1">
<div class="div2">
</div>
</div>

</body>
</html>

iemand een idee wat ik verkeerd doe ? ik heb al geprobeerd de margins op 0 of auto of beide te zetten, ik heb geprobeerd de overflow in te stellen, maar ik snap het niet meer
weet er trouwens misschien iemand een goeje tutorial over de verschillen tussen mozilla en IE wat CSS betreft ? ik snap namelijk niet waarom 20px in IE er 40 in mozilla zijn en misschien kom ik nog wel heel wat meer vreemde dingen tegen die in mozilla naders werken als in IE
harstikke bedankt jan, dit is inderdaad een veel betere oplossing. Maar wederom zoals ik al in bericht hierboven mezelf afvroeg, waarom verschilt dit zo per browser. Het voorbeeld wat je gemaakt heb ziet er in firefox en in IE ook heel anders uit. Ik streef er natuurlijk naar dat het op zun minst in deze 2 browser er hetzelfde uitziet. Ik zal even deze list uitproberen, bedankt
Dat komt door de verschillende interpretaties van het box-model door IE en Mozilla.

De breedte van een element, bijvoorbeeld een div, is niet alleen afhankelijk van de width. Het maakt ook uit of een element borders heeft en/of padding.

Stel je hebt een div met breedte 100, padding 10, en een border van 5.

In IE blijft de breedte op 100 staan. Andere, standards-compliant browsers tellen alles bij elkaar op. De breedte is daar 130.
ok, dankjewel. Ben nu tutoials over "the box model hack" aan het lezen. Ik heb het gevoel dat dit de dingen heel wat duidelijker gaat maken. iig dat hoop ik ;-) fijn dat je me zo helpt iig, ik hou je op de hoogte :D

Reageren