Container 100%

[kayyy]

Hallo nochmal,

folgendes Problem. Ich habe einen 30px breiten div Container in einem div der den kompletten Inhalt meiner Webseite umschliesst.

Dieser 30px breite Container soll die Höhe 100% haben mit einem Background Bild, dass halt immer mit den 100% repeatet wird.

ich habe nun folgendes mal als vereinfachten code dargestellt.

<div style="width:30px; height:100%; background-image:url(images/left.jpg); background-repeat:repeat-y; float:left"></div>

Das Problem ist, dass dieser Container nicht mit der Höhe mitgeht, wie er sollte. Woran kann das liegen ?

 

[Oliver_Master]

Hallo,

gib mal bitte im CSS-Code an, das Body und HTML auch 100% an...

also etwa so:

<style type="text/css">
<!--
html, body
{
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#deindiv
{
    height: 100%;
    width: 30px;
    background-image:url (images/left.jpg);

}
-->
</style>

 

[Efchen]

Und noch als Zusatz, damit man auch versteht, warum: height und width in % beziehen sich immer auf height und width des Elternelements. Hast Du also ein Element, das so hoch sein soll, wie das Browserfenster, dann gibst Du ihm, seinen Eltern, Großeltern usw. height:100% bis hin zum "Urahn", dem body und darüber noch dem html-Tag. So funktionierts dann.

Gruß,
-Efchen

 

[kayyy]

okay danke hat soweit funktioniert :)