|
||||
Überleg doch mal: Was passiert mit einem div-Container von der Höhe her, wenn man zwei Elemente da drin floatet? Kleiner Tipp: FAQ.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
Sponsored Links |
|
|||
Eigentlich nichts. Wenn das umgebende Element selbst nicht gefloatet wird. Von daher verstehe ich das mit wrapper:after nicht bzw ergibt für mich in dem Fall keinen Sinn.
Kleiner Tip: FAQ P.S. Kannst auch höflich bleiben, wennde nicht antworten willst, antworte halt nicht. |
Sponsored Links |
|
||||
Und genau das ist das Problem.
Kleiner Tip: Es ist auch unhöflich, weiterzufragen und sämtliche hilfreichen Links des Antwortenden zu ignorieren.
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
|
|||
Habe die Links gelesen.
Nur wurde gesagt/geschrieben #wrapper:after hebt den float auf. #wrapper wird aber nicht gefloatet. Auf die darin liegenden floats nimmt es ja wie du selbst sagst keinen Einfluss. Wiederspricht sich seltsamer weise alles irgendwie... Egal schließt bitte den Thread. Reicht ja langsam |
|
||||
nein...
Das float des :after-Punktes bezieht sich auf die innenliegenden Elemente. Steht auch alles DA!
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
|
||||
Danke bringt nichts, ein "like" (Button) schon
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
|
||||
Rechts oben über jedem Beitrag
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
|
||||
Zitat:
Wenn dir die FAQ nicht weiterhilft, lies dir bitte diesen Artikel durch: Float: Die Theorie Ich fasse es noch einmal zusammen: Elemente die floaten, sind aus dem Elementenfluss genommen und orientieren sich an der oberen linken bzw rechten Ecke des Elternelementes. Das Elternelement ignoriert diese Elemente total. Bei deiner Seite fällt das nicht auf: Der #wrapper hat eine zu starke Höhe. Doch was passiert, wenn der Inhalt größer ist als der Viewport und somit auch größer als der #wrapper? Richtig, das Element hängt heraus. Elternelemente umschließen floats nur, wenn sie einen block-formatting-context bilden (sprich: selber floaten oder overflow:hidden) ODER man hat darin ein clearendes Element, bricht also das Floaten ab! Jetzt überlegen wir mal, was :after in Verbindung mit content macht: Die Pseudoklasse :after fügt nach einem Element (oder DOM technisch eher hinter dem child-Node eines Elements) etwas mit content ein. In unserem Fall einen Punkt, den wir mit clear:both ausstatten. Das wäre äquivalent mit: Code:
<div id="box"> <div style="float:left;></div> <div style="clear:both"></div> </div>
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe Geändert von ArcVieh (28.11.2010 um 16:26 Uhr) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Liste wird trotz float:left im li nicht horizontal | img | CSS | 27 | 23.08.2013 13:43 |
Inline Listenelement wird nicht richtig im background befüllt | SteveB | CSS | 3 | 28.04.2011 21:41 |
background repeat in der css | brooom | CSS | 3 | 06.11.2009 08:53 |
Darstellungsfehler - FF & IE7 vs. IE6 | mk-gfx | CSS | 2 | 29.10.2008 10:58 |
[IE]: CSS Background-image PNG & repeat | matott | CSS | 2 | 08.05.2005 16:59 |