ciao, inizio con il dire che è la prima volta che provo a creare un layout con i div
sto tentando di realizzare un layout con i float in modo da poter centrare il container nel browser.
con internet explorer non sembrano esserci problemi, con firefox invece è un distastro totale.
vi posto il link e i sorgenti:
LINK
HTML:
<body>
<div id="contenitore" >
<div id="logo">[img]immagini/uga_01.jpg[/img]</div>
<div id="banner">[img]immagini/uga_02.jpg[/img]</div>
<div id="intestazione">[img]immagini/uga_03.jpg[/img]</div>
</div>
</body>
CSS:
Codice PHP:body {
margin:0 -1px 0 0;
padding:0;
}
div#contenitore
{
width:994px;
position:relative;
margin:0;
padding:0;
background-color:#00FFFF;
}
div#logo
{
position:relative;
float:left;
width:265px;
height:258px;
margin:0;
padding:0;
background-color:#FF0000;
}
div#banner
{
position:relative;
height:115px;
width:729px;
margin:0;
padding:0;
background-color:#CCCCCC;
}
div#intestazione
{
position:relative;
width:729px;
height:143px;
margin:0;
padding:0;
background-color:#0000FF;
}
potete gentilmente darmi una mano??? come detti in precedenza vorrei in oltre centrare il div contenitore all'interno del browser, qual'è il metodo migliore??
Rispondi quotando