Ciao a tutti!
Non riesco a creare un layout come nel file allegato!
Il mio problema è riuscire a far si che il footer indipendentemente dalla lunghezza del contenuto si trovi sempre in basso.
Ho cercato nel forum ma non ho trovato quello che fa a caso mio.
Grazie.
ciao
hai provato a settare il footer con "position:absolute" ?
"Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
--------------------------------
www.extrowebsite.com
ma con questo metodo se il contenuto è lungo 2000px il footer non si sovrappone al testo?
http://www.inknoise.com/experimental/layoutomatic.php
suggerito da jerry masslo al tempo lo ripropongo a te.
già provato ma niente...il problema è sempre quello.
con position:absolut va a finire che sovrappone con relative invece non sta sempre e comunque in basso
vedi se ti va bene una cosa del genere:
<html>
<head>
<title>Piede basso</title>
<style type="text/css">
* {margin:0;padding:0}
html, body {height:100%}
body {
background:gray;
overflow:auto;
text-align:center
}
.testa {
min-height:10%;
height:auto!important;
height:10%;
background:maroon;
color:white;
width:80%;
margin:auto;
}
.piede {min-height:10%;
height:auto!important;
height:10%;
background:teal;
color:white;
width:80%;
margin:auto;
}
.corpo {min-height:80%;
height:auto!important;
height:80%;
background:silver;
width:80%;
margin:auto;
}
</style>
</head>
<body>
<div class="testa">testa</div>
<div class="corpo">corpo</div>
<div class="piede">piede</div>
</body>
</html>
4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore
Grazie Jerry ma il problema dei tuoi CSS è che chiaramente header e footer non hanno sempre lo stesso aspetto, ma cambiano in base alla grandezza della finestra.
Invece invito tutti a visitare la pagina linkata da pacovox. Ti risolve tutti i problemi! Grazie!
il problema di testa è risolvibile inserendola senza height dentro il corpo centrale menre per il footer solo se non si vuole che stia necessariamente attaccato al fondo altrimenti bisogna ricorrere a position:absolute con conseguenti problemi che lì risolvono usando misure dei caratteri in pixel!!! altamente sconsigliato e infatti, se aggiungi testo al footer ridimensionando copre altro testo in mozilla e opera, cosa che non succede in ie perché con quella misura i caratteri non vengono ridimensionati, imho, pessima soluzione, almeno in un paio che ho visto era così.
4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore
Infatti...hai dato un'occhiata a http://www.alistapart.com/articles/footersOriginariamente inviato da Jerry Masslo
il problema di testa è risolvibile inserendola senza height dentro il corpo centrale menre per il footer solo se non si vuole che stia necessariamente attaccato al fondo altrimenti bisogna ricorrere a position:absolute con conseguenti problemi che lì risolvono usando misure dei caratteri in pixel!!! altamente sconsigliato e infatti, se aggiungi testo al footer ridimensionando copre altro testo in mozilla e opera, cosa che non succede in ie perché con quella misura i caratteri non vengono ridimensionati, imho, pessima soluzione, almeno in un paio che ho visto era così.
ho trovato la soluzione perfetta (esempio 3)
Permessi di invio
Rispondi quotando