Ciao a tutti. ieri ho seguito questa guida:
http://www.html.it/layout_css/layout_css_15.htm
per creare un layout con il footer che va sempre a fondo pagina. ora, posso creare un box che va dal bottom dell'header al top del footer? un box con altezza "elastica" insomma? non son mica riuscito...
<sfogo> ma porco giuda, leggerlo l'help online ogni tanto! </sfogo>
crei un div tra header e footer gli assegni nel CSS height: 100%... dovrebbe funzionare
comunque posta il codice o mettila online e posta il link
<style type="text/css" media="screen">
html,body{margin: 0;padding:0;height:100%;}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center}
div#container{position:relative; width: 720px; height: 100%;margin: 0 auto; text-align: left; background:url(img/rep_left.jpg) repeat-y top left;}
div#header{position:absolute;clear:left;width:100% ;height:112px;background:url(img/top.jpg);}
body>div#container{height:auto;min-height:100%}
div#footer{position: absolute;clear:left;bottom:0; width: 100%;height:91px;background:url(img/footer.jpg)}
div#menu_a{position: absolute;width:500px;height:20px;top:45px;left:50p x;background-color:#ff6600;}
div#content{width:200px; height:100%; background-color:#66ff00;}
</style>
<body>
<div id="container">
<div id="header">
<div id="menu_a"></div>
</div>
<div id="content"></div>
<div id="footer"></div>
</div>
</body>
in teoria content dovrebbe andare da header a footer, invece è alto quanto il browser...
<sfogo> ma porco giuda, leggerlo l'help online ogni tanto! </sfogo>
prova al posto di:
questo:codice:div#content{width:200px; height:100%; background-color:#66ff00;}
PS: ti consiglio di mettere il codice CSS in un file esternocodice:#content{width:200px; height:100%; background-color:#66ff00;}
ah e stai attento che
non funziona con Internoz Explodercodice:body>div#container
per il codice messo esternamente lo faccio alla fine, in fase di sviluppo mi viene più comodo così... è errato?
poi, cos'è che cambia fra i due metodi che mi hai indicato?
ho provato ma non va... resta identico.
<sfogo> ma porco giuda, leggerlo l'help online ogni tanto! </sfogo>
infatti, come dice nella guida, quel body>div è solo per opera e mozilla
<sfogo> ma porco giuda, leggerlo l'help online ogni tanto! </sfogo>
up... possibile che non si possa fare?
<sfogo> ma porco giuda, leggerlo l'help online ogni tanto! </sfogo>
ho messo position:relative a div#content e aggiunto un top:100 per spostarlo rispetto all'alto. Ma non va in firefox...
<sfogo> ma porco giuda, leggerlo l'help online ogni tanto! </sfogo>
niente da fare. sto cercando ovunque, ma non trovo. quello che con le tabelle è semplicissimo da fare, non riesco a farlo con i css. vi allego il link alla pagina fatta con le tabelle, che funziona sia in ff che in ie:
http://www.ark-studio.it/htmlforum/
ero partito con tutta la buona volontà, ma mi sto un pò demoralizzando
<sfogo> ma porco giuda, leggerlo l'help online ogni tanto! </sfogo>
L'esempio dell'articolo è quello che vuoi ottenere?
http://www.html.it/layout_css/mono.php?stile=monoaltmin
Risolvi dando un colore di sfondo al container in modo da simulare l'altezza che si espande tra header e footer.
Permessi di invio
Rispondi quotando