Ciao a tutti.
Ecco di seguito cosa vedo in IE 6.0:
![]()
ed ecco la stessa cosa in FireFox 1.5.0.9:
![]()
Questo è il codice della pagina html:
E questo è è il contenuto del file modello.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=ISO-8859-1" /> <title>Modello</title> <style type="text/css" media="all">@import "Immagini/modello.css";</style> </head> <body> <div class="contenitore"> <div class="top01"></div> <div class="top02"></div> <div class="top03"></div> <div class="top04"></div> <div class="top05"> <div class="testoSlogan"></div> <div class="sottoTop05"></div> </div> </div> </body> </html>
In conclusione: il bordo grigio che vedo in IE non deve esserci, infatti in FF il layout è giusto.codice:body { background-color:#cf9f01; } .contenitore { width:748px; background-color:#7f7f7f; height:70px; margin: 0 auto; padding: 0; } .top01 { width:126px; height:138px; background-image:url(top01.jpg); float:left; } .top02 { width:92px; height:138px; background-image:url(top02.jpg); float:left; } .top03 { width:142px; height:138px; background-image:url(top03.jpg); float:left; } .top04 { width:160px; height:138px; background-image:url(top04.jpg); float:left; } .top05 { background:#cf9f01; width:228px; height:138px; float:left; } .sottoTop05 { width:226px; height:12px; background-color:#7f7f7f; margin-top:13px; border-right: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; } .testoSlogan { width:210px; height:85px; background-image:url(slogan.jpg); background-repeat:no-repeat; margin-left:13px; margin-top:26px; }
Mi aiutate a capire dove sbaglio? Ho cercato in giro ma non ho trovato niente che mi facesse capire dov'è il problema.

Rispondi quotando