[CSS] Div border Firefox vs IE - Softwareontwikkeling

woensdag 23 augustus 2006 22:51

Acties:

Ich bun ut mer....

Topicstarter

Ik heb al verschillende dingen gelezen, maar eigenlijk niet specifiek kunnen vinden wat de oorzaak is van mijn probleempje.
Als je deze test: http://test.jaspar.nl/test.htm in IE bekijkt plakken de blauwe vlakken netjes tegen de border, maar bekijk je de test in Firefox dan is er bij het rechter blauwe vlak een overlapping.
Onderstaand is de code, even zonder losse stijlsheet.

code:

<html>
<head>
<title>Test</title>
<style type="text/css">
body {
margin:0px; 
font-weight:bold;
}

#left {
width: 20%;
height: 50%;
left: 0px;
top: 100px;
bottom: 30px;
background: blue;
position: absolute;
z-index: 0;
}

#center {
z-index: 1;
left: 20%;
right: 20%;
height: 80%;
width: 60%;
top: 30px;
bottom: 30px;
padding: 0px;
margin: 0px;
border: 2px solid black;
position: absolute;
}

#right {
width: 20%;
height: 50%;
right: 0px;
top: 100px;
bottom: 30px;
background: blue;
position: absolute;
z-index: 0;
}

</style>
</head>

<body>

<div id="left">
</div>
<div id="center"> 
bla
</div>
<div id="right">
</div>

</body>

</html>

Mijn vraag is natuurlijk hoe kan ik dat oplossen?

The only thing to fear is fear itself

woensdag 23 augustus 2006 22:54

Acties:

crisp

Devver

Pixelated

Een volledige DTD toevoegen zodat IE ook het W3C boxmodel gebruikt.

Intentionally left blank

woensdag 23 augustus 2006 23:12

Acties:

thegeronimo

Ich bun ut mer....

Topicstarter

crisp schreef op woensdag 23 augustus 2006 @ 22:54:
Een volledige DTD toevoegen zodat IE ook het W3C boxmodel gebruikt.

Dat maakt geen verschil? Firefox maakt het foutje.

Anders gesteld dus hoe krijg ik die lelijke overlap in Firefox weg.

The only thing to fear is fear itself

woensdag 23 augustus 2006 23:14

Acties:

BasieP

thegeronimo schreef op woensdag 23 augustus 2006 @ 23:12:
[...]

Dat maakt geen verschil? Firefox maakt het foutje.

Anders gesteld dus hoe krijg ik die lelijke overlap in Firefox weg.

newsflash: als de site er in FF anders uit ziet dan in IE is het 99.99999% kans dat IE de fout maakt

en hier dus ook

edit:
btw: verdiep je eens in floats.. absoluut positioneren is hier volstrekt nutteloos en is vragen om problemen.

[ Voor 16% gewijzigd door BasieP op 23-08-2006 23:16 ]

This message was sent on 100% recyclable electrons.