|
|||
Floating um KEIN globales Clear zu verursachen
Hallo!
...und wieder hab ich entweder einen Denkfehler, oder ein Verständnisproblem. Ich habe ein div, das Links gefloatet wird und das linke Menü und den Content (beide jeweils auch in einem div) umschließt. Das Menü (#leftmenue) wird ebenso links gefloatet. Damit mir nun ein clear:left, welches durch h2 im div #content ausgelöst wird kein globales clear macht, habe ich div #content ebenso links gefloatet und dem div dabei einen entsprechenden margin-left gegeben, um Platz für das linke Menü zu lassen. Effekt der Aktion ist jedoch, dass #content unterhalb von #leftmenue anfängt. Ich komme nicht dahinter, wo ich hier den Fehler gemacht habe. Seite ist hier zu finden THX! Daniel
__________________
Das Problem sitzt meistens 30 cm von der Tastatur entfernt! |
Sponsored Links |
Sponsored Links |
|
|||
Zitat:
Außerdem braucht #content eine Breite, wenn er floatet. edit: Noch was: Nimm keine border, um deine Elemente sichtbar zu machen, sondern Hintergrundfarben. Border haben zu viel Einfluss auf das Layout (Box Model, Collapsing Margins). edit2: Praktikant, das Ziel ist ja eben, die Auswirkung des Clear innerhalb von #content zu kapseln. Deshalb der Aufwand.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (23.05.2011 um 16:10 Uhr) |
|
|||
Hallo,
ich finde es immer wieder erstaunlich, wie schnell man hier antworten erhält @Praktikant: Die fixen Höhen habe ich jetzt nur testhalber aktiviert, damit ich mir vorstellen kann, wie es aussieht, wenn dann mal Inhalt "drinnen" ist. @fricca: Danke! Ich werd das mal versuchen umzusetzen LG Daniel
__________________
Das Problem sitzt meistens 30 cm von der Tastatur entfernt! |
|
||||
Zitat:
Hier floated aber doch nur das Bild und nicht der Text selber. Hatte bei sowas (auch ohne clear) noch nie Probleme, wenn darunter ein anderes Element kommt. Jedoch waren meine Texte auch immer länger als die Bilder. Dies kann man aber auch mit der nächsten Überschrift abfangen, diese muss dann genauso clearen. Das sieht ja sehr nach Newsseite aus. Ich habe das im Firebug mal ausprobiert und es hat funktioniert.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade! |
|
|||
Zitat:
Nimm im Firebug das Float weg, dann siehst du die Auswirkung des globalen Clear. Welche Inhalte hier was machen steht gar nicht zur Debatte, das ist doch alles nur beispielhaft. Es geht darum, das Clear zu kapseln.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Hello again!
@fricca: Danke, es funktioniert! Ich habe nicht gewusst bzw. war es mir nicht bewusst, dass ich für den content keinen margin-left eingeben muss, um Platz für das linke Menü zu schaffen. LG Daniel
__________________
Das Problem sitzt meistens 30 cm von der Tastatur entfernt! |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Layoutcheck + Including | crimi | Site- und Layoutcheck | 8 | 27.09.2008 21:08 |
Spaltenlayout | Bilbo | CSS | 40 | 14.04.2008 15:45 |
So langsam bekomme ich die Krise mit den DIVs | Thuroc | CSS | 12 | 12.11.2007 14:25 |
:after / Clear ohne Markup / Cross-Browser Test | ulle | Knowledge Base | 32 | 15.12.2005 19:01 |
IE floatet nicht richtig nach clear | klofi | CSS | 4 | 11.11.2005 14:37 |