XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Setzen von Minimalhöhe bei Kontentbox (http://xhtmlforum.de/showthread.php?t=57362)

Christophe 15.06.2009 17:32

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;
}

cheza 16.06.2009 14:21

Er macht doch genau das, was du ihm gesagt hast.

Mit
Code:

position: absolute;
gibst du an, dass er alle Elemente ignorieren soll und nur das Browserfenster als Bezugsquelle nehmen soll.

Mit
Code:

bottom: 0;
gibst du an, dass er sich an den unteren Rand kleben soll.

Willst du <div b> und <div c> koppeln, kannst du dies entweder durch position:relative; oder durch eine Verschachtelung der <div> Bereiche erreichen.

Christophe 16.06.2009 17:47

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.

regloh 17.06.2009 07:52

Wenn ich dich richtig verstanden habe, suchst du das hier: Footer Stick Alt

Christophe 17.06.2009 08:24

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