[CSS] height:auto - Firebird

[Saturno83]

Ciao a tutti!
Ho un problema con l'altezza di un box, impostando l'altezza in "auto" si allunga con tutti i browser ma non con firebird. Come posso risolvere questo problema?
Ho provato anche ad impostrare height:100% ma con firebird mi continua a dare il problema.
Come imposto l'altezza in modo che sia "liquida"?

grazie

[cristiano_longo]

... a tal proposito leggi

http://www.w3.org/TR/CSS21/visudet.h...ts_and_margins

Se vuoi posta il codice o, ancora meglio, la url e vediamo che si puo fare.

[Saturno83]

Originariamente inviato da cristiano_longo
... a tal proposito leggi

http://www.w3.org/TR/CSS21/visudet.h...ts_and_margins

Se vuoi posta il codice o, ancora meglio, la url e vediamo che si puo fare.

Questa è la pagina:
http://www.comune.coazze.to.it/ammin...istrazione.htm

Questo è il Css del box
#box {
margin:auto;
width: 750px;
height: auto;
display:block;
position:relative;
background: #FFFFFF;
border: solid 2px #BE3B01;
}

[antos]

ho capito il tuo problema, hai usato float:left,come al solito sbaglia ie che ha l'interpretazione errata, quindi non è colpa di firebird (o meglio dei geko based)
per risolvere il problema devi aggiungere una altro div
con lo stile clear:both;
in questa maniera
<div id="box">
...code...
<div style="clear:both;"></div>
</div>

[Saturno83]

Originariamente inviato da antos
ho capito il tuo problema, hai usato float:left,come al solito sbaglia ie che ha l'interpretazione errata, quindi non è colpa di firebird (o meglio dei geko based)
per risolvere il problema devi aggiungere una altro div
con lo stile clear:both;
in questa maniera
<div id="box">
...code...
<div style="clear:both;"></div>
</div>

ma funziona bene sia con Netscape, sia con Mozilla, sia con Opera per questo ho pensato che il problema era di firebird.
Comunque... non ho ben capito dove lo devo inserie il div con clear

[Saturno83]

ok... ho fatto un po' di prove ed ho trovato da me.

Grazie 1000000!

[antos]

Originariamente inviato da Saturno83
ma funziona bene sia con Netscape, sia con Mozilla, sia con Opera per questo ho pensato che il problema era di firebird.
Comunque... non ho ben capito dove lo devo inserie il div con clear

guarda che l'ho provato anche io con mozilla (1.5) e non va!
comunque basta che metti il div prima di chiudere il tag div di box

[antos]

Originariamente inviato da Saturno83
ok... ho fatto un po' di prove ed ho trovato da me.

Grazie 1000000!

[Saturno83]

Originariamente inviato da antos
guarda che l'ho provato anche io con mozilla (1.5) e non va!
comunque basta che metti il div prima di chiudere il tag div di box

visto che ci sei... posso chiedere ancora una cosa?
Ho lo stesso problemino con il menu sulla destra

Questo è il Css

#mnusx {
float:right;
width: 150px;
height:100%;
display:block;
margin-left: 4px;
background-image: url(sf.gif);
text-align:left;
font: bold 9pt tahoma;
}

[antos]

il problema che hai adesso è un attimino diverso
prima il problemaera che dentro ad un box avevi inserito dei blocchi float, ora il problema è che se metti altezza = auto a box allore il valore 100% messo all'altezza del menu di sinistra non vale (infatti anche ie non allunga la colonna) la cosa + veloce che mi viene in mente adesso è la seguente:
racchiudi center e left in un altro div
<div id="header">
...
</div>

<div id="contenitore">è
<div id="centrale">
</div>
<div id="menusx">
</div>
<div style="clear:both;"></div>
</div>
<div style=" width:558px; text-align:center; font: 7pt verdana,serif; padding-top: 10px;">
© Copyright 2003 - Comune di Coazze - Hosting by ica-net s.r.l.
</div>
il codice css
#contenitore{
background-image: url(sf.gif);
padding:0px;
margin:0px
}
#mnusx {
float:right;
width: 150px;
display:block;
height:100%;
text-align:left;
font: bold 9pt tahoma;
}
#centrale {
background-color: #FFFFFF;
float:left;
width: 550px;
display:block;
padding:5px;
margin-left:10px;
text-align:left;
font: 10pt verdana, arial, tahoma, serif;

}