DIVs mit float:left im content-Bereich von 3-Spalten-Layout

[Florian Hulde]

Hallo!

Vielleicht kann mir jemand bei folgendem Problem helfen:

Ich habe eine Seite mit 3-Spalten-Layout, linke und rechte Spalte je 250px breit, realisiert per CSS über {float: left bzw. right; width=250px}.
Im mittleren Content-Bereich {margin: 0 250px} habe ich DIVs mit fester (gleicher) Breite und Höhe, die sich über {float: left} je nach Fensterbreite automatisch anordnen sollen, also sauber untereinander und je nach Fensterbreite auch nebeneinander.

Das funktioniert im Firefox auch ganz prima, nur der IE macht Ärger. Bei manchen Fensterbreiten zerhaut er mir das Layout, indem er Boxen unter den Inhalt der rechten Spalte schiebt. Dabei sollten sie eigentlich komplett im Content-Bereich bleiben.

Anschauungsmaterial gibt es hier:

http://www.barc.de/index.php?id=448

Ich wäre froh, wenn mir jemand weiterhelfen könnte. Mich hat dieses Problem schon viele (ergebnislose) Stunden gekostet.

Viele Grüße

Florian

[Arno Nym]

Hallo!

Vielleicht kann mir jemand bei folgendem Problem helfen:

Ich habe eine Seite mit 3-Spalten-Layout, linke und rechte Spalte je 250px breit, realisiert per CSS über {float: left bzw. right; width=250px}.
Im mittleren Content-Bereich {margin: 0 250px} habe ich DIVs mit fester (gleicher) Breite und Höhe, die sich über {float: left} je nach Fensterbreite automatisch anordnen sollen, also sauber untereinander und je nach Fensterbreite auch nebeneinander.

Das funktioniert im Firefox auch ganz prima, nur der IE macht Ärger. Bei manchen Fensterbreiten zerhaut er mir das Layout, indem er Boxen unter den Inhalt der rechten Spalte schiebt. Dabei sollten sie eigentlich komplett im Content-Bereich bleiben.

Anschauungsmaterial gibt es hier:

http://www.barc.de/index.php?id=448

Ich wäre froh, wenn mir jemand weiterhelfen könnte. Mich hat dieses Problem schon viele (ergebnislose) Stunden gekostet.

Viele Grüße

Florian

im ie hab ich zwei grafiken, die der ff nicht anzeigt.. gewollt?

[Florian Hulde]

Hallo!

Vielleicht kann mir jemand bei folgendem Problem helfen:

[...]

im ie hab ich zwei grafiken, die der ff nicht anzeigt.. gewollt?

Welche Grafiken? Bei mir sieht das sonst identisch aus. Sollte es auch.

Grüße, Florian

[Arno Nym]

Hallo!

Vielleicht kann mir jemand bei folgendem Problem helfen:
[...]

im ie hab ich zwei grafiken, die der ff nicht anzeigt.. gewollt?

Welche Grafiken? Bei mir sieht das sonst identisch aus. Sollte es auch.

Grüße, Florian

hi flo,

also ich hab im ie (so wie's wahrscheinlich sein soll)

<img src="uploads/tx_macinabanners/testbild.jpg" width="261" height="175" alt="Testbild" title="Testbild" />

2x "testbild.jpg" im header.

im ff wird mir

<img src="uploads/tx_macinabanners/logo_computerwoche_01.jpg" width="170" height="32" alt="Banner" title="Banner" /></a>

2x als bannerlink angezeigt!?

[Florian Hulde]

hi flo,

also ich hab im ie (so wie's wahrscheinlich sein soll)

<img src="uploads/tx_macinabanners/testbild.jpg" width="261" height="175" alt="Testbild" title="Testbild" />

2x "testbild.jpg" im header.

im ff wird mir

<img src="uploads/tx_macinabanners/logo_computerwoche_01.jpg" width="170" height="32" alt="Banner" title="Banner" /></a>

2x als bannerlink angezeigt!?

Danke...
aber um den Bereich geht es mir gar nicht. Oben werden automatisch die Banner eingefügt, daran bastle ich grade.

Was mich stört ist die Anordnung der Boxen im Content-Bereich, indem die Heftarchive angezeigt werden. Du kannst das Problem nachvollziehen, wenn Du im IE das Fenster breiter bzw. schmaler ziehst.

Grüße, Flo

[Arno Nym]

Welche Grafiken? Bei mir sieht das sonst identisch aus. Sollte es
auch.

Grüße, Florian

Ansonsten sieht bei mir im ie6, im ie7 und im ff2 alles identisch aus!

[Sascha Grehl]

Ich wäre froh, wenn mir jemand weiterhelfen könnte. Mich hat dieses Problem schon viele (ergebnislose) Stunden gekostet.

Also eine schnelle (aber unschöne) Lösung wäre einfach <br clear="all"/> nach jedem Div einzusetzen.

Gruß,
S.G.

[Sascha Grehl]

Hab den Fehler gefunden:

div#centerblock div.archivbox {
 float: left;
 }

Solltest es besser auf none setzen. Und fertig :)

Gruß,
S.G.

[Florian Hulde]

Hab den Fehler gefunden:

div#centerblock div.archivbox {
float: left;
}

Solltest es besser auf none setzen. Und fertig :)

Gruß,
S.G.

Hallo Sascha,

danke für Deine Antwort. Aber das löst mein Problem nicht wirklich.

Ich will ja nicht, dass alle DIVs untereinander angeordnet werden, sondern dass sich diese - genüg Platz in der Breite vorausgesetzt - auch nebeneinander anordnen.

Grüße, Florian

[Stonie]

Hallo zusammen,

eine ganz große Bitte: Wenn ihr eine Antwort schreibt, dann habt ihr ja im Antwortfeld die gesamte Nachricht, auf die ihr antwortet nochmal als Zitat. Bitte löscht aus diesem Zitat alles, worauf ihr euch nicht bezieht. Das macht das Lesen leichter und das Archiv schlanker. Danke!

File Griese,

Stonie