nicht angemeldet
float beenden ohne clear
Hallo Welt!
Folgende Voraussetzungen:
Ich habe links eine Navigationsspalte, die u.a. mit float:left; formatiert ist. Daneben der Contentbereich ohne Breitenangabe. Hierdrin enthalten ist einmal ein div, welches rechts floatet, und ein wrapper-div, was den inneren Contentbereich umschliesst (auch ohne Breitenangabe).
In diesem sind wiederum ein paar divs, von denen jeweils 3 nebeneinanderstehen sollen (im folgenden Boxen genannt). Dann ein Absatz, der in der nächsten Zeile beginnen soll und dann wieder 3 Boxen nebeneinander.
Bei kleineren Auflösungen sollen die Boxen sich dann halt untereinander stellen. Allerdings sollte sichergestellt sein, dass nach der dritten Box auf jeden Fall ein Umbruch erfolgt.
Ein clear:left; fällt leider raus, da ansonsten auch der float um die Navigation beendet wird. Ein Element mit genug Breite krieg ich auch nicht hin - ein Prozentwert wäre hier ja angenehm, geht aber nicht, da der Contentbereich ja keine Breitenangabe hat.
Hat sonst noch jemand ne Idde? Zu bewundern ist das Problem unter http://www.sparkasse-iserlohn.de/, zugehörige CSS-Dateien: link:http://www.sparkasse-iserlohn.de/css/startseite.css link:http://www.sparkasse-iserlohn.de/css/sparkasse.css]
Gruß aus Iserlohn
Martin
--
Softwarefirmen haben viel Ahnung vom Programmieren und wenig von Marketing. Außer Microsoft, da ist das umgekehrt und das macht diese Firma so gefährlich.
Selfcode: ie:{ fl:( br:^ va:) ls:# fo:| rl:( n4:( ss:| de:> js:) ch:? sh:( mo:| zu:)
Softwarefirmen haben viel Ahnung vom Programmieren und wenig von Marketing. Außer Microsoft, da ist das umgekehrt und das macht diese Firma so gefährlich.
Selfcode: ie:{ fl:( br:^ va:) ls:# fo:| rl:( n4:( ss:| de:> js:) ch:? sh:( mo:| zu:)
-
hi,
Ein clear:left; fällt leider raus, da ansonsten auch der float um die Navigation beendet wird.
Nein.
Clear hebt nur die Floats innerhalb des jeweiligen Containing Blocks wieder auf (korrekte Umsetzung duch den Browser vorausgesetzt).
http://www.w3.org/TR/CSS21/visuren.html#containing-block
http://www.w3.org/TR/CSS21/visuren.html#block-formattinggruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Hi!
Clear hebt nur die Floats innerhalb des jeweiligen Containing Blocks wieder auf (korrekte Umsetzung duch den Browser vorausgesetzt).
Da sass ich wohl einem Irrglauben auf. Welche Browser (OK, bis zu welcher Version *g*) setzen das denn falsch um?
Gruß aus Iserlohn
Martin
-
Hi!
Da sass ich wohl einem Irrglauben auf. Welche Browser (OK, bis zu welcher Version *g*) setzen das denn falsch um?
Kein Irrglauben - Erfahrung. Es wird von allen Browsern falsch umgesetzt. Mittlerweile sogar vom Mozilla, der das früher ja mal standardkonform gemacht hat...
Gruß aus Iserlohn
Martin
--
Alles wird gut.
Selfcode: ie:{ fl:( br:^ va:) ls:# fo:| rl:( n4:( ss:| de:> js:) ch:? sh:( mo:| zu:)-
hi,
Kein Irrglauben - Erfahrung. Es wird von allen Browsern falsch umgesetzt. Mittlerweile sogar vom Mozilla, der das früher ja mal standardkonform gemacht hat...
Das glaube ich nicht.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; } -
Hi,
Es wird von allen Browsern falsch umgesetzt. Mittlerweile sogar vom Mozilla, der das früher ja mal standardkonform gemacht hat...
Nein. Der macht es inzwischen richtig. Du hast das Konzept des containing blocks noch nicht verstanden? http://www.1ngo.de/web/clear.html sollte Dir helden.
freundliche Grüße
Ingo-
Hi!
Du hast das Konzept des containing blocks noch nicht verstanden?
Stimmt genau. Jetzt schon. Danke dafür.
Aber leider hilft mir auch das nicht ohne Probleme weiter, da ja beim floaten ohne Breitenangabe nicht die komplette Breite genutzt wird.
Dazu noch ein Tipp?
Gruß aus Iserlohn
Martin
--
Wer anderen eine Bratwurst brät, hat ein Bratwurstbratgerät.
Selfcode: ie:{ fl:( br:^ va:) ls:# fo:| rl:( n4:( ss:| de:> js:) ch:? sh:( mo:| zu:)-
Hallo Ingrid!
Habe jetzt eine Tabellenzelle drum gemacht - Problem gelöst, mal schauen, was für welche ich mir eingehandelt hab *g*
Gruß aus Iserlohn
Martin
-
-
-
-
-