Ciao a tutti ho questo codice:
Ora il problema è nel div extra in quanto se mette float:left alla classe box_foto il footer mi sale sopra e extra si sovrappone. cosa posso fare per non farlo accadere?codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Layout 37</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="generator" content="HAPedit 3.1"> <style type="text/css"> html,body{margin:0;padding:0; background-image:url(images/sfondo_top.jpg); background-position:top; background-repeat:no-repeat;background-color:#E9E5CC;} p{margin:0 10px 10px} div#header{height:198px;margin:0;} div#container{text-align:left; margin:0;} div#content p{line-height:1.4} div#footer{background: #333;color: #FFF;} div#footer p{margin:0;padding:5px 10px} div#container{width:960px;margin:0 auto;} div#content{float:left;width:580px;} div#navigation{float:right;width:370px} div#extra{clear:both;width:100%} #logo{ margin-top:50px; margin-left:10px; float:left; } #frasetop{ margin-top:20px; margin-left:180px; float:left; } .txt_14{ font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#58371E; line-height:20px; font-style: normal; font-weight: 700; padding:30px; } .coldx{ margin-top:10px; } .box_foto{ width:138px; height:105px; margin-right:5px; float:left; } </style> </head> <body> <div id="container"> <div id="header"> <div id="logo">[img]images/logo_top.gif[/img]</div> <div id="frasetop">[img]images/frase_top.gif[/img]</div> </div> <div id="wrapper"> <div id="content"> <div>[img]images/slideshow.jpg[/img]</div> <div> [img]images/logo_middle.jpg[/img] </div> <div class="txt_14"> La Casa delle Rondini è un accogliente CASOLARE di campagna in pietra arenaria, recentemente ristrutturato, compreso nella splendida collina marchigiana in zona panoramica di interesse storico e paesaggistico. <blockquote></blockquote> E’ un vero Bed and Breakfast poiché ci sono tre camere matrimoniali ed una singola e si trascorre la vacanza a contatto con la natura e con i proprietari che mettono a disposizione la loro amicizia in un clima di accogliente cordialità. </div> <div> <div align="left">[img]images/separatore.jpg[/img]</div> </div> </div> </div> <div id="navigation"> <div class="coldx">[img]images/col_dx.gif[/img]</div> </div> <div id="extra"> <div> <div class="box_foto"> [img]images/img_home1.jpg[/img] </div> <div class="box_foto"> [img]images/img_home2.jpg[/img] </div> <div class="box_foto"> [img]images/img_home3.jpg[/img] </div> </div> </div> <div id="footer"> Here it goes the footer</p></div> </div> </body> </html>
Rispondi quotando