<div align="center">
<div style="float: left" id="colonna_sinistra">
</div>
<div style="float:left" id="colonna_centrale">
</div>
<div style="float: left" id="colonna_destra">
</div>
</div>
<div align="center">
<div style="float: left" id="colonna_sinistra">
</div>
<div style="float:left" id="colonna_centrale">
</div>
<div style="float: left" id="colonna_destra">
</div>
</div>
Un po' ermetica come domanda .. :master:
Cosa non funziona?
Maurizio
"se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"
Voglio ottenere un layout con tre colonne
tipo questo: http://css.html.it/guide/lezione/75/...nne-con-float/
Ho fatto un po' di modifiche, ma sembra che l'header non voglia posizionarsi bene
div#container{
width: 800px;
margin: 0px auto;
text-align: left;
}
div#footer{
clear:both
}
div#navigation{
float:left;
width:138px;
padding:1em 0 0 10px}
div#extra{
float:right;
width:160px;
padding:1em 5px}
div#content{
margin:0 160px 0 138px;
padding:1em 10px}
Io farei:Originariamente inviato da gik25
<div align="center">
<div style="margin:0 auto; text-align:center;">
Fantasupermegafavolipermeramagicultra irresistibili
4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!
"... a quell'età ... bastava un dito per fare la pace ..."
fotine
Inoltre, aggiungo, non capisco se stai facendo il layout con un css inline o esterno.
Indichi un pezzo di codice html con dei nomi, poi il codice css con altri, mischi formattazione css con attributi html, ....
Forse se ci dai un link alla pagina di prova che stai facendo o almeno posti codice html e css (e DOCTYPE) congruenti della stessa pagina, si capisce meglio il problema...
Maurizio
"se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"
Ecco il codice completo
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title><?php echo "$titolo";?>- recensione trama film</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
div#container{
width: 800px;
margin: 0px auto;
text-align: center;}
div#footer{
clear:both}
div#navigation{
float:left;
width:138px;
padding:1em 0 0 10px
text-align: left;}
div#extra{
float:right;
width:160px;
padding:1em 5px}
div#content{
margin:0 160px 0 138px;
padding:1em 10px
text-align: left;}
</style>
</head>
<body>
<div id="container"> [img]file/logo_completo_largo_800.jpg[/img]
<div id="navigation"></div>
<div id="content"></div>
<div id="extra"></div>
<div id="footer"></div>
</div>
</body>
</html>
Prima cosa che non mi quadra: quello che tu intendi come header, è quell'immagine ".. logo_completo...."?
Perchè se così fosse, dovresti racchiuderla in un suo div a cui eventualmente dai le caratteristiche, esattamente come nell'esempio che indichi:
codice:HTML <div id="header"> [img]file/logo_completo_largo_800.jpg[/img]"> </div> CSS div#header{background-color:#36C;color: #ff0}
Maurizio
"se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"
ok, ora inizio a capire
Ho notato anche che le dimensioni con i padding superano le dimensioni del contenitore
Non funziona... la terza colonna non floatta a destra, RISOLTO, dovevo posizionarla prima nel codice html...
Come faccio a centrare tutto il box container?
Il margin: 0 auto; che hai attribuito al container, serve per FF. Per IE devi dare text-align: center; al contenitore padre, in questo caso <body> o <html>
Maurizio
"se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"
Permessi di invio
Rispondi quotando