Ragazzi,
ho un bel problema (anche perchè ho tempi abbastanza stretti per finire questo lavoro e non ne riesco ad uscire).
Il template incriminato in questione è questo: http://www.siatec.net/andrea/archivi.../template.html
Potete vedere l'erore...per farvi capire vi allego anche una jpg di come dovrà essere approssimativamente il risultato finale:
http://www.siatec.net/andrea/archivi...plateFinal.jpg
Come potete vedere l'header, la sezione per il menu e la sottostante sezione orizzontale per gli spazzi pubblicitari sono ben posizionati...si incasina sull 3 colonne.
Ho provato a togliere il valore: height: 1345px; dai settggi css del div con id="corpo", a questo punto le visualizza correttamente le 3 colonne ma non ho più lo sfondo del corpo ed è un altro disastro.
Vi allego il codice HTML e CSS...vi prego datemi una mano.
HTML:
CSS:codice:<!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>Documento senza titolo</title> <link rel="stylesheet" href="default.css" type="text/css" /> </head> <body> <div id="centrato"> <div id="intestazione"> <div id= "logo"></div> <div id="spot1"></div> </div> <div id="mainmenu"></div> <div id="corpo"> <div="upperbox"> <div id="recefoto"></div> <div id="spot2"></div> </div> <div id="colonna-1"> <div id="recensione_modelli"></div> </div> <div id="colonna-2">...</div> <div id="colonna-3">...</div> </div> </div> </body> </html>
Graziecodice:body{ margin: 0; padding: 0; text-align: center; /* Per IE5.X/Win */ background-image: url(img/sfondobody.jpg); background-repeat:repeat-x; height: 1658px; padding-top: 120px; } #centrato{ width: 957px; margin:auto; text-align:left; /* Per IE5.X/Win */ } #intestazione{ background-image: url(img/header.jpg); width: 957px; min-height: 133px; } #logo{ float: left; background-image:url(img/logo.jpg); background-repeat:no-repeat; width: 190px; min-height: 82px; margin-left: 22px; margin-top: 22px; } #spot1{ float: left; background-image:url(img/publiheader.jpg); width: 732px; min-height: 94px; margin-left: 5px; margin-top: 15px; } #mainmenu{ background-image:url(img/sfondomenu.jpg); background-repeat: repeat-x; min-height: 42px; } #corpo{ background-image: url(img/sfondocorpo.jpg); background-repeat: repeat-y; /* min-height: 1345px; */ height: 1345px; } #upperbox{ min-height: 261px; } #recefoto{ float: left; background-image: url(img/recefoto.jpg); background-repeat: no-repeat; width: 530px; min-height: 243px; margin-left: 22px; margin-top: 16px; } #spot2{ float: left; background-image: url(img/spot2.jpg); background-repeat: no-repeat; width: 355px; min-height: 243px; margin-left: 22px; margin-top: 16px; } #colonna-1{ float: left; width: 230px; background: transparent; } #colonna-2{ float: left; width: 530px; background: transparent; } #colonna-3{ float: left; width: 197px; background: transparent; } /* Contenuto Colonna-1 */ #recensione_modelli{ background-image: url(img/box_recensionemodelli.jpg); width: 209px; min-height: 258px; }
Andrea

Rispondi quotando