|
|||
floating Problematik bei verschachtelten div's
Hallo,
folgende Ausgangssituation: Auf meiner Seite habe ich links ein Menü (id="menu") und rechts daneben einen content-Bereich (id="content"), darunter befindet sich ein footer-Bereich (id="footer"). Dies hab ich wie folgt gelöst: html: Code:
<div id="menu"></div> <div id="content"></div> <div id="clearer"></div> <div id="footer"></div> Code:
#menu {float:left;} #content {margin-left:150px;} #clearer {clear:both;} Nun meine Problematik: Im Content-Bereich muss ich halt auch die floating-Eigenschaft nutzen muss, um z.B. Bilder vernünftig in meine News einzubinden. Da kommt es allerdings ab und zu vor, dass die Bilder eine größere Höhe haben, als der gesamte Text, der neben ihnen stehen soll. Damit nix Nachfolgendes mit-floatet, hab ich dort natürlich auch div mit "clear:both" eingefügt. Doch nun hebt dieses im <div id="content"> geschachtelte "clear:both" die floating Eigenschaft des Menüs auf und alles, was nach dem "clear:both" kommt, fängt erst optisch unter dem Menü an!! Ich hoffe, ich habe mich verständlich ausgedrückt! Wie kann ich dies verhindern? Ich möchte also quasi die floating Eigenschaft für Elemente innerhlab von id="content" unabhängig nutzen können von der übergeordneten floating Eigenschaft vom Menü! Geht das irgendwie? Evtl. mit ein paar Tricks...??? Gruß bensen [edit] Ich bitte den Doppelpost zu entschuldigen und entsprechend einen davon zu löschen! Dachte, meine I-net Verbindung wäre tot und hab dewegen zweimal auf Absenden geklickt... [/edit] |
Sponsored Links |
|
|||
So lang ich ja nur rechts-floatende Elemente innerhalb von id="content" hätte, wäre das kein Problem, diese mit "clear:right" zu beenden, doch leider kommt es recht häufig vor, dass ich eben Bilder links anorden will.
Ich war mal so frei einen Screeshot zu erstellen, zu beschriften und hier einzustellen: evtl. hat ja jemand eine Idee, wie man das hinbekommt! *hoff* Gruß bensen |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE 6/7: Problem bei verschachtelten, gefloateten DIVs -> Unschöner Abstand zw. DIVs | ribery | CSS | 2 | 13.11.2008 12:35 |
Dynamisches Container-Div für floating Divs | Scogit | CSS | 7 | 14.09.2007 18:52 |
height: auto; immer 0 bei verschachtelten divs | elBoB | CSS | 10 | 30.05.2006 13:26 |
Hintergrundbild in verschachtelten DIV's wächst nicht mit. | Erdbeer-Schorsch | CSS | 2 | 21.07.2004 17:45 |
links mit verschachtelten divs funktionieren nicht richtig | GrafZahl | CSS | 5 | 21.07.2004 17:05 |