css layout problem mit 3 zentrierten div´s
ich hab in meiner seite 3 divs verwendet.
- das äußerste zum zentrieren des contents in der mitte (dunkler rand) (760px) - da drin nen weisses div (740px) - da wiederrum drin der eigentliche content (720px) Code:
<div id="middleGrau"> Code:
// zentriert mittig, dunkel grauer rahmen http://img354.imageshack.us/img354/7821/19uo1.gif Mein Problem ist, dass wenn ich einige sehr lange Seiten habe, dann werden die beiden äußeren Container nicht der Länge des Content-Containers angepasst, also der Content läuft über die beiden "Rahmen-Container" hinaus. Siehe hier: http://img354.imageshack.us/img354/5125/21yt.gif Ich raffe gerad nicht so ganz warum das so ist. Ich hätte eben gern, das alle 3 Container gleich lang sind in der Höhe. Mit dem height:100%; maximiere ich den Container auf Bildschirmgröße, aber eben leider nicht auf Seitenlänge... Kann mir jemand von euch auf die Sprünge helfen? |
die Lösung deines Problems findest du wenn du mal float in die suchfunktion eingibst..
|
Ein absolut positioniertes Element streckt seinen Elterncontainer nicht!
Verwende statt dessen: Code:
position: relative; |
Zitat:
*Etwas verwirrt*. :? |
Zitat:
IMHO brauchst du für dein Layout weder absolute noch relative Positionierung. Horizontales Zentrieren macht man besser mit margin:0 auto - denn dann verschwinden die Inhalte nicht unerreichbar nach links, wenn das Browserfenster sehr schmal ist. Ich verstehe auch nicht, weshalb du drei verschachtelte Container brauchst. Die Eigenschaften margin, border und padding sind dir bekannt? Und warum steckst du deinen Inhalt in eine Tabelle? Grüße fricca |
Zitat:
3 Container sind wohl wirklich etwas überdimensioniert, da ist was dran, aber ich fand den Aufbau so bisher (für mich) recht übersichtlich! :? Naja, mal sehen. :lol: Danke für die Tipps und Anregungen. |
Alle Zeitangaben in WEZ +2. Es ist jetzt 09:11 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023