Come faccio a creare un blocco centrale con DIV e CSS che occupa tutta l'altezza del corpo del browser ? Si può fare ?
Ho provato cosi:
#blocco {
width: 500px;
min-height: 100%;
height: auto !important;
haight: 100%;
background: #ffffcc;
}
non prende tutta l'altezza, qualche suggerimento ?
Controlla che i tag nei quali è annidato abbiano lo stesso attributo CSS.
ho fatto un solo div in tutta la pagina per provare
il div è correttamente giallo e di 500 px ma non si allunga per tutta l'altezza della pagina !
vedo:
haight: 100%;
è un errore?
Colleziono problemi matematici divertenti o strani e li raccolgo nel mio sito. Se me ne mandate qualcuno vi ringrazio. flan
errore di scrittura qui nel forum !
ma voi dite che cosi come stà scritto dovrebbe funzionare ?
Ma nel sito è scritto bene o no?
Ecco vi faccio vedere la pagina di prova!
[CODE]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
body {
margin: 0;
text-align: center;
}
#Blocco {
width: 400px;
min-height: 100%;
height: auto !important;
height: 100%;
background: #ffffcc;
}
</style>
</head>
<body>
<div id="Blocco">
Blocco
</div>
</body>
</html>
CODE]
Si vede il blocco del div al centro di larghezza 400px di colore giallo ma di altezza relativa al testo e non al body interno del browser !
100% di cosa?
prova così:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
body {
margin: 0;
text-align: center;
height:100%;
}
#Blocco {
width: 400px;
min-height: 100%;
height: auto !important;
height: 100%;
background: #ffffcc;
}
</style>
</head>
<body>
<div id="Blocco">
Blocco
</div>
</body>
</html>
Se poi vuoi che funzioni anche con browsers diversi da IE allora aggiungi nel css:
html{
height:100%;
}
Colleziono problemi matematici divertenti o strani e li raccolgo nel mio sito. Se me ne mandate qualcuno vi ringrazio. flan
Ecco cos'era .........................funziona
Grazie mille :metallica
E io che ti avevo detto?
Permessi di invio
Rispondi quotando