Ciao fit, ti posto tutto l'html della pagina come dovrebbe venire,
considera che il layout prevede body + 5 DIV flottanti con questa struttura:
-body
- div "contenitore" al 100% = (1230px)
- div "advtop" larghezza 100% alto 80px;
- div "advleft" larghezza 160px alto 800px
- div "miosito" larghezza 910px (qui crei la tua pagina!!)
- div "advright" larghezza 160px alto 800px
il body ha la sua immagine piazzata al centro
è una larghezza totale di 1230px (ho preso come riferimento le repubblica!!)
160px + 910px + 160px; (tot 1230px)
i 160px sono i due DIV che stanno a destra e sinistra del tuo div centrale con id=miosito
e fungono da link per lo sfondo cosi come un ulteriore div al top alto 80px..
ecco l'html intero:
Ti assicuro che è piu facile a farsi che a dirsi! se hai dubbi fammi sapere ;-)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
background-color:#000;
background-image:url(skin_1400x600_livraison.jpg);
background-repeat: no-repeat;
background-position:center top;
margin-top:0px;
margin-left:auto;
margin-right:auto;
width:1230px;
}
#contenitore {
margin: 0;
width:100%;
}
#advtop{
width:100%;
height:80px;
float:left;
cursorointer;
}
#advleft{
width:160px;
height:800px;
float:left;
cursorointer;
}
#miosito{
background-color:#FFF;
width:910px;
height:800px;
margin-left:auto;
margin-right:auto;
float:left;
}
#advright{
width:160px;
height:800px;
float:left;
cursorointer;
}
</style>
</head>
<body>
<div id="contenitore">
<div onclick="window.open('http://adv.it')" id="advtop"></div>
<div onclick="window.open('http://adv.it')" id="advleft"></div>
<div id="miosito">
</div>
<div onclick="window.open('http://adv.it')" id="advright"></div>
</div>
</body>
</html>
Ciao

ointer;
Rispondi quotando