un div che se ne và per i fatti suoi

[mikk76]

ciao a tutti!
non riesco a risolvere questo problema..il div con id bodyimage sembra scollegato dal normale flusso e se ne va per i fatti suoi è contenuto dentro il container, ma questo non si allunga con l'allungarsi di bodyimage!
riporto il link della pagina per vedere se qualcuno riesce a darmi qualche consiglio.. :master:
http://webtest2.altervista.org/test/home2.html

questo è il css

html, body {
height: 100%;
margin:0px;
background-image:url(img/bg_dotted.gif);
text-align: center;
}
#container {
min-height: 100%;
height: auto !important;
height: 100%;
width:564px;
background-image:url(img/bg_main.gif);
background-repeat:repeat-y;
position: relative;
margin: auto;

}

#header {
width:528px;
height:205px;
position:absolute;
left:18px;
top:0px;
}
#subheader{
width:528px;
height:23px;
position:absolute;
background-image:url(img/subheader.gif);
left:18px;
top:205px;
}

#menu {
width:120px;
position:absolute;
left:18px;
top:228px;

}
#body {
width:409px;
position:absolute;
background-color:red;
left:137px;
top:228px;
bottom:0px;

}
#body p{
font-family: Verdana;
font-size:10px;
color:000;

text-align:left;
}
#bodyimage {
width:409px;
height:305px;
background-color:green;
position: relative;
bottom: 0;
left: 0;
}

[Mich_]

Anzitutto un grave errore di sintassi:
<div id="body">
body e` il nome di un oggetto del DOM, non puoi usarlo per un altro oggetto.

Poi hai specificto che il body sia alto come la finestra, e che il container sia alto come il body (height: 100%). Percio` quei contenitori si fermano.

Puoi togliere quell'height nel body e html, oppure puoi gestire l'overflow dove piu` ti conviene.

[mikk76]

Originariamente inviato da Mich_
Anzitutto un grave errore di sintassi:
<div id="body">
body e` il nome di un oggetto del DOM, non puoi usarlo per un altro oggetto.

VVoVe: non me n'ero accorto

Originariamente inviato da Mich_
Poi hai specificto che il body sia alto come la finestra, e che il container sia alto come il body (height: 100%). Percio` quei contenitori si fermano.

Puoi togliere quell'height nel body e html, oppure puoi gestire l'overflow dove piu` ti conviene.

ho provato a togliere l'altezza nel body/html (e rinominato la classe "body") ma non succede nulla di diverso...E' un problema di overflow in effetti: se imposto un overflow:auto sul container sembrerebbe tutto a posto (scrollbar a parte) :master: :master: . Quali altri soluzioni posso adottare?

grazie mille!!!

[Mich_]

http://www.w3schools.com/css/css_ref...sp#positioning
Vedi a cosa serve la proprieta` overflow .

PS: questa risposta si riferisce alla formulazione precedente della domanda sull'overflow.

[mikk76]

Originariamente inviato da Mich_
http://www.w3schools.com/css/css_ref...sp#positioning
Vedi a cosa serve la proprieta` overflow .

PS: questa risposta si riferisce alla formulazione precedente della domanda sull'overflow.

il mio problema è che che dovrei proprio evitare l'overflow