Kniffliges Layout mit float
Liste der Anhänge anzeigen (Anzahl: 2)
Hallo Zusammen,
ich möchte den gbanner und fuss zusammenlassen aber den Abstand von fuss zu info entfernen, so dass der gbanner neben info ist und zentriert unter dem Inhalt steht. Gibt es da eine Möglichkeit? Siehe Bilder ist_zustand.jpg und soll_zustand.jpg Gruss Roadrunnerle Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
Nachtrag: Das Menü ist in der Endversion variabel und kann nach unten länger werden.
|
Keine Antwort soll wohl heißen, das es net geht? Na gut.
|
Du bist ungeduldig...
Solange #gbanner nicht floatet wird es nicht neben #info angezeigt werden, sondern darunter. Blockelemente verhalten sich so. Im Prinzip hast Du auch "nur" ein 3-Spalten-Layout. Schau mal in meine Sig, wie man das einfach umsetzen kann. |
@mazzo
Danke für deine Antwort und sorry für meine Ungeduld. Ich schau mir mal deine Sig an. Mein Problem war immer, dass wenn ich #gbanner floate, dass der dann nach oben abhaut und nicht an der Fusszeile dran kleben bleibt. Vielleicht finde ich etwas in deiner Sig. Gruß Roadrunnerle. |
Du denkst falschrum ;)
Je nachdem wo Du floatest wird das Element dort aus dem Fluss genommen und links oder rechts "gefloatet". Der Rest verläuft dann drumherum. Ein clear hebt das wieder auf. Somit wird die hohe Spalte aus info über den schmalen footer hinausragen, wenn dieser floatet. Evtl. benötigst Du eine Kombination mit "Faux columns" (guck mal damit in die Suche oder in die FAQ des XHTML-wiki, oben verlinkt) damit die Spalte "mitwächst" und das Layout geschlossen wirkt. |
Liste der Anhänge anzeigen (Anzahl: 2)
@mazzo
folgendes habe ich mal gemacht: - mit dem clearfix erreiche ich, dass der die .box 'en im #inhalt bleiben - mit #klammer + clearfix, dass der gbanner nicht daneben rutscht - fusszeile ganz raus aus dem #container - gbanner rein in den #inhalt "Faux columns" habe ich so verstanden, dass das nur eine Täuschung ist, die floats aber ihre Höhe behalten und nicht ausgedehnt werden. Firefox: immer noch Abstand zwischen info und fuss IE: sieht schon ganz gut aus Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
Alle Zeitangaben in WEZ +2. Es ist jetzt 01:48 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023