zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Verschachtelung x -repeat

Antwort
 
LinkBack Themen-Optionen Ansicht
  #81 (permalink)  
Alt 28.11.2010, 15:17
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.844
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard




Ü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
Mit Zitat antworten
Sponsored Links
  #82 (permalink)  
Alt 28.11.2010, 16:02
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

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.
Mit Zitat antworten
Sponsored Links
  #83 (permalink)  
Alt 28.11.2010, 16:04
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

Zitat:
Zitat von nils_1309 Beitrag anzeigen
Eigentlich nichts.
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
Mit Zitat antworten
  #84 (permalink)  
Alt 28.11.2010, 16:07
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

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
Mit Zitat antworten
  #85 (permalink)  
Alt 28.11.2010, 16:11
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

nein...
Das float des :after-Punktes bezieht sich auf die innenliegenden Elemente.
Steht auch alles DA!
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau
Mit Zitat antworten
  #86 (permalink)  
Alt 28.11.2010, 16:15
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

Also bezieht es sich doch auf die darin liegenden gefloateten Elemente. Ok, da haben wir wohl aneinander vorbei geredet.

So zum 1002 mal Danke
Mit Zitat antworten
  #87 (permalink)  
Alt 28.11.2010, 16:16
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

Danke bringt nichts, ein "like" (Button) schon
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau
Mit Zitat antworten
  #88 (permalink)  
Alt 28.11.2010, 16:17
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

Oh, wo finde ich den?
Mit Zitat antworten
  #89 (permalink)  
Alt 28.11.2010, 16:19
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

Rechts oben über jedem Beitrag
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau
Mit Zitat antworten
  #90 (permalink)  
Alt 28.11.2010, 16:20
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.844
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von nils_1309 Beitrag anzeigen
P.S. Kannst auch höflich bleiben, wennde nicht antworten willst, antworte halt nicht.
Ich bin durchaus höflich geblieben.
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>
Und siehe da: Unser #wrapper beinhaltet ein clearendes Element, was das Floaten beendet und unser #wrapper schließt IMMER alle floatenden Elemente ein.
__________________
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)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:08 Uhr.