DIV-Elemente im Mozilla
 

Hallo. Also langsam verzweifle ich mit meinem geliebten Mozilla, sowie mit Firefox.

Jetzt habe ich heute endlich herausgefunden, wie man einen DIV-Container dazu bringt, sich an die Größe von in ihm enthaltenen DIVs, die mit float:left formatiert sind, anzupassen und dann geht das erst recht nicht so, wie ich will.

Ich habe jetzt also ein großes DIV (700px und zentriert), darin sind (bis jetzt) drei weitere DIVs. Eines ganz oben (D1), in dem mein Logo ist. Ein weiteres darunter links (D2), das mein Menü enthält und das Attribut "float:left" hat, weil daneben rechts ein weiteres DIV stehen soll (D3), in dem dann ein Text ist.

Zwischen den drei enthaltenen DIVs will ich 10px Abstand - in jede Richtung. Zwischen D1 und D2 passt das, aber bei D2 und D3, die in einer Linie sein sollen, kommt der Fehler: D3 beginnt, wie D2 ganz links im großen DIV, aber der Text ist halt so verschoben, dass er erst 10px (wegen padding:10px) neben D2 beginnt.

Was wäre eine Lösung dafür?
Position:relative macht daraus nur noch ein größeres Wirrwarr, weil dann erst recht nichts mehr an seinem Platz ist und position:absolute kann man nicht machen, weil das große DIV im Body zentriert liegt.

äähm ... HILFE! :heul:

Danke.

vielleicht könntest du den quellcode deiner html-seite + screenshot posten, in dem man sieht was nicht funktioniert.
würd die sache ein wenig vereinfachen.

gehts in anderen browsern oder testest du nur mit firefox?

mfg Thomas

Hab das mal hochgeladen (hat so lang gedauert, weil ich den Inode-Webspace bisher nie benutzt hab und die Zetteln hab zamsuchen müssen):
http://members.inode.at/jari.fritz/

Hab das Problem-DIV (D3) grün eingefärbt, damit man es besser erkennt, wo es liegt (hinter D2)

http://www.positioniseverything.net/ und links hierin.

und im google: "two column layout css"

gruss,
snowman

Danke ich schau gleich amal.

Ok, da scheint was nützliches zu sein ... ich werd das mal ausprobieren.

Danke, mit diesen Layoutbeispielen auf positioniseverything.net hat das gut geklappt!