Hallo,
ich mache schon seit mehreren Tagen an einem Problem mit CSS und IE rum. Es geht darum, ein einfaches zweispaltiges Layout zu realisieren, das so aussehen soll:
Bild: img111.imageshack.us/…/sollik7.gif
Mozilla und IE zeigen die Designvorlage lokal (Code siehe unten) richtig an.
Sobald ich die Vorlage aber als Template in Typo3 integriere, zickt der IE rum und macht das hier draus:
Bild: img59.imageshack.us/…/istkh8.gif
Bin mit meinem Latein und CSS jetzt etwas am Ende und wäre für ein paar Tipps sehr dankbar...
Hier die relevanten Ausschnitte aus dem Code:
CSS:
#content{width: 745px; background: #ccc url(./gfx/content.gif) repeat-y 0 0; }
#left{ width: 504px; max-width: 504px; float: left; }
#right{ width: 241px; max-width: 241px; margin-left: 504px; padding-top: 8px; }
#footer{ width: 745px; background-color: #ad1448; border-top: 1px solid #000000; border-bottom: 1px solid #000000; clear: both; }
Das HTML dazu:
<div id="content">
<div id="left">
<h1>Meine Überschrift</h1>
<p>Mein Fließtext</p>
<!-- Abstand nach unten -->
<p> </p>
</div>
<div id="right">
<h1>Meine Überschrift</h1>
<p>Mein Randtext</p>
<!-- Abstand nach unten -->
<p> </p>
</div>
<div id="footer">
...
</div>
</div>
Schon mal danke 😉