[css] seitenteilung mit <div>

[T.dot]

Hallo!

Nachdem ich immer wieder gelesen hab, das Frames und Tables out sind, beschäftig ich mich in letzter Zeit mehr mit CSS. Alles wunderschön, nur stehe ich jetzt vor dem Problem das ich eine Seite vertikal teilen möchte (links ein Menü, rechts die Hauptseiten).

das ganze hab ich so gelöst:

PHP-Code:

<div style="width:180px; color:FFFFFF; float:left;background-color:FFAC05"> Die ganzen links  </div>  
<div style="margin-left:200px">die haupseite</div> 


nun stehe ich nur vor dem Problem, dass das mit Opera 7.10 funkt, mit IE 5.0 (nen neueren hab ich nicht drauf, da ich ihn nicht verwend) aber nicht - es werden alle anderen <div> tags die dem <div> für die hauptseite untergeordnet sind auch 200px margin-left zugeordnet. Vielleicht wird das durch eine neue Version behoben, aber ich möchte glaub ich doch auch ältere Browser unterstützen.

aussehen tut das ganze so:

(Opera)


(Internet Explorer)

wers sich das ganze selbst ansehen möchte, oder mehr Sourcecode braucht:
http://members.aon.at/stemmer/opera.html

ich hoffe irgendjemand kennt einen Lösungsweg für diese Problem

mfg Thomas

[snowman]

http://www.google.at/search?q=2+colu...-8&hl=de&meta=

gruss,
snowman

[T.dot]

Nachdem ich mich mal in die diversen IE 5 Bugs betreffs CSS eingelesen habe, weiss ich zumindest, was ich machen müsste, damits funktioniert.

Und zwar müsst ich alle Divs in der Hauptseite mit einem negativen Margin-left versehen, damit sie dort positioniert sind, wo sie hingehören. Dazwischen müsst ich aber wieder verhindern, dass Opera diese interpretiert und immer nen Hack einsetzen. Nachdem das ganze dann in meinem Fall noch mehr Umprogrammierung aufgrund des Templatessystems erfordert, lass ich diese Art der CSS Positionierung und nehm wieder Tabellen mit CSS...

danke für die Hife, Thomas