Ciao a tutti.
Sono alle prese con la realizzazione di un sito e sto' facendo un test cross-browser; come al solito il problema è con IE 6. I problemi sono tre:
- nella pagina mi crea un margine tra l'header e il menu, quindi sposta il menu più in basso lasciando uno spazio del colore del wrapper.
- mi sposta il wrapper al di fuori del bordo destro, quindi si vede una striscetta del colore del wrapper oltre il bordo bianco inserito.
- mi allunga il bordo (bianco) del footer moltiplicandolo credo per due, per cui il testo inserito all'interno del div "name" viene riempito da questo allungamento del bordo, quando il testo invece dovrebbe essere senza.
Premetto che la pagina è perfetta con Fire Fox e con Opera.
Vi ringrazio anticipatamente.
Allego i codici necessari:
<!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>
<link href="stile.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="header">
[img]images/top1.jpg[/img]
</div>
<div id="menu">
<ul>[*]HOME[*]ITINERARIO[*]FINALITÁ[*]LINKS[/list]
</div>
<div id="content">
testo</p>
testo2</p>
testo3</p>
</p>
</p>
</p>
</div>
</div>
<div id="footer">
<div id="name">testo</div>
</div>
</body>
</html>
Il Css:
body {
margin: 0;
padding: 0;
text-align: center;
background: #e5dddb;
font: 70%/160% "arial", sans-serif;
}
#header {
height: 239px;
margin: 0;
}
.top {
padding: 0px;
border-top: 5px solid white;
border-bottom: 1px solid white;;
border-left: 5px solid white;
border-right: 5px solid white;
}
#wrapper {
width: 768px;
margin: 10px auto 0 auto;
text-align: justify;
background-color: #d5cdd9;
background-image: url(images/bordocont.gif);
background-repeat: repeat-y;
}
#menu ul {
width: 758px;
margin: 0 5px 0 5px;
padding: 0;
list-style: none;
background-color: #005007;
}
#menu li {
display: inline;
padding: 57px;
font: 14px "verdana" san-serif;
font-weight: bold;
}
#content {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-align: justify;
color: #105000;
margin: 30px 50px 0 50px;
}
#footer {
width: 768px;
height: 5px;
background-color: white;
margin: 0 auto;
clear: left;
}
#name {
text-align: center;
color: #1c8000;
padding-top: 10px;
}
Rispondi quotando