Setzen von Minimalhöhe bei Kontentbox
Hi Leute,
ich mach jetzt schon seit ein paar Tagen damit rum, komme aber zu keinem Ergebnis. Hab auch schon ein paar Bekannte gefragt, aber die konnten mir auch nicht helfen. Ich hoffe ich kann mein Problem einigermaßen verständlich ausdrücken. Folgendes Problem hab ich: Ich möchte, dass sich der untere Bereich (#c) in der vertikalen Positionierung nach meiner weißen Contentbox richtet (#b). Diese weiße Contentbox soll am unteren Bereich (#c) gekoppelt sein. Zwischen #b und #c soll aber ein Abstand sein (z.B. 30px). Problem beim jetztigen: Ziehe ich mein Browserfenster klein schiebt sich die untere Contentbox über meine weiße Contentbox. Ein Teil der weißen Kontentbox ragt dann runter. Der untere Teil soll sich aber nur so weit nach oben schieben lassen bis knapp unter der weißen Kontentbox. Ich will praktisch eine Minimalhöhe. Kann mir einer helfen. Wäre euch unendlich dankbar. -------------------------------------------------------- HTML -------------------------------------------------------- <html> <STYLE TYPE="text/css"> @import url(home.css); </STYLE> <head> <title>Hallo</title> </head> <body> <div id=a>a <div id =b>b Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test </div> <div id =c>c</div> </div> </body> </html> -------------------------------------------------------- CSS -------------------------------------------------------- * {margin-bottom:0; padding:0; } #a { color: #00A0FF; background-color: #590000; position: absolute; height: 100%; width: 947px; top: 0px; left: 151px; visibility: visible; } #b { color: #00A0FF; background-color: #EFEFEF; position: absolute; height: auto; width: 690px; top: 20px; left: 220px; visibility: visible; } #c { color: #00A0FF; background-color: #2E0000; position: absolute; height: 30px; width: 945px; left: 0px; bottom: 0px; visibility: visible; } |
Er macht doch genau das, was du ihm gesagt hast.
Mit Code:
position: absolute; Mit Code:
bottom: 0; Willst du <div b> und <div c> koppeln, kannst du dies entweder durch position:relative; oder durch eine Verschachtelung der <div> Bereiche erreichen. |
Danke für die Info, aber irgendwie krieg ich das nicht auf die Reihe. Wenn ich bei b relative setzte, habe ich zwar das erreicht, dass der untere Teil ab einem bestimmten Punkt nicht mehr nach oben geht, aber dann reicht trotzdem ein Teil der Contentbox nach unten.
Ich will einerseits, dass die Höhe der Contentbox b sich nach dem Textinhalt richtet. Das geht durch: height: auto; Das hab ich schonmal erreicht. Jetzt aber hab ich immer noch das Problem, dass ich es nicht schaffe die CSS so zu schreiben, dass der untere Teil c (beim Verziehen des Browsers) nur bis zum erreichen der Contenbox b geht. Ist aber auch schwierig zu erklären. |
Wenn ich dich richtig verstanden habe, suchst du das hier: Footer Stick Alt
|
Ich glaub das isses. Danke.
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 08:37 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023