nicht angemeldet
Ich hab hier grad ein kleines Problem mit dem IE. Ich versuche gerade mir ein vollständig css-formatiertes Layout zu basteln und finde einfach keine Lösung für dieses eine blöde Problem...
Ich will eigentlich nur erreichen, dass der IE zwei Bereiche direkt nebeneinander ausgibt ohne irgendwelche Lücken dazwischen zu lassen, leider weigert das ding sich bisher einfach. Entweder es wird eine ca 3px breite Lücke angezeigt (http://www.larsworks.de/css_test/sc01.gif) oder der Bereich rechts wird unterhalb des Bereiches links angezeigt (http://www.larsworks.de/css_test/sc02.gif)
Der unterschied im Code sind nur 5 Pixel, sobal ich aber eine Pixel mehr eingebe Positioniert der IE den Bereich wie auf den screenshots an der falschen Stelle.
Ich hab jetzt schon einiges ausprobiert (tan-hack und diverse andere css-eigenschften) hat bisher aber alles nich weiter geholfen.
Hier nochmal der Code, sobald ich also bei width: 695px nur einen Pixel dazu tue bzw 700px daraus mache stellt der IE das wie auf dem 2. Screenshot dar.
Gruß Lars
#container
{
margin: 1em auto;
width: 800px;
text-align: left;
background-color: red;
border: 1px solid black;
}
#left
{
float: left;
width: 100px;
height: 100px;
background-color: black;
}
#right
{
margin-left: 100px;
width: 695px;
height: 100px;
background-color: #000080;
}
<div id="container">
<div id="left"></div>
<div id="right"></div>
</div> <!-- /container -->