height

[hjk]

salve,

ho inserito 3 box secondo il flusso normale
e voglio che la loro altezza sia rispettivamente
5%, 90% e 5%.

Con IE ed OP riesco ad avere cio', ma
con MOZ i 3 box non vengono neanche visualizzati.

Questo e' il css:
.....................
body { margin:0; padding:0; width:100%; height:100%;
}
#top1 {width:100%; height:5%;
background-color: Red;
}

#middle { width:100%;height:90%; background-color: Lime;
}
#bottom1 {width:100%; height:5%; background-color: Yellow;
}
.....................

[makeZoner's]

Originariamente inviato da hjk
salve,

ho inserito 3 box secondo il flusso normale
e voglio che la loro altezza sia rispettivamente
5%, 90% e 5%.

Con IE ed OP riesco ad avere cio', ma
con MOZ i 3 box non vengono neanche visualizzati.

Questo e' il css:
.....................
body { margin:0; padding:0; width:100%; height:100%;
}
#top1 {width:100%; height:5%;
background-color: Red;
}

#middle { width:100%;height:90%; background-color: Lime;
}
#bottom1 {width:100%; height:5%; background-color: Yellow;
}
.....................

intanto nel tag BODY puoi evitare width e height, non servono :bubu:

poi hai provato a mettere un contenuto nei tre BOX?

[Pasco]

hai provato ad aggiungere display: block; ?

[Mich_]

Originariamente inviato da makeZoner's
intanto nel tag BODY puoi evitare width e height, non servono :bubu:

Come sarebbe a dire? Servono per evitare le scrollbars, ad esempio. Ma per questo io preferisco usare un valore un pelo piu` piccolo (ad esempio 98%), perche` con 100% alcuni browser mettono comunque le scrollbars.

Ciao
Michele

[Pandasp]

http://www.constile.org/tips/min-height/#CONTENUTI

[pacovox]

Prova così:

html {
height: 100%;
margin: 0px;
}

body {
height: 100%;
margin: 0px;
}

#top1 {
position: absolute;
top: 0;
width: 750px;
height: 5%;
background-color: Red;
}

#middle {
position: absolute;
top: 5%;
width: 100%;
height: 90%;
background-color: Lime;
}

#bottom1 {
position: absolute;
bottom: 0;
width: 100%;
height: 5%;
background-color: Yellow;
}

[makeZoner's]

Originariamente inviato da Mich_
Come sarebbe a dire? Servono per evitare le scrollbars, ad esempio. Ma per questo io preferisco usare un valore un pelo piu` piccolo (ad esempio 98%), perche` con 100% alcuni browser mettono comunque le scrollbars.

Ciao
Michele

bah! A me sembra del tutto inutile... le scrollbars si possono evitare anche dando 20 % a testa, 70% al corpo e 9% al piè.

Questa ad esempio è parte del CSS della mia pagina www.makezone.com
(la ridefinizione del tag BODY è riportata così com'è nel file originale).

body {
margin: 0px;
padding: 0px;
background-color: #000000;

}
#bianco {
..
height: 15%;
width: 100%;
..
}
#nero {
..
height: 84%;
width: 100%;
..
}

[hjk]

grazie a tutti per i consigli,

li provero' oggi stesso e vi faro' sapere.




Ciao,

hjk