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:
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>
E questo è è il contenuto del file modello.css:
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;
}
In conclusione: il bordo grigio che vedo in IE non deve esserci, infatti in FF il layout è giusto.
Mi aiutate a capire dove sbaglio? Ho cercato in giro ma non ho trovato niente che mi facesse capire dov'è il problema.