ciao a tutti
ho un problema di diverso allineamento tra firefox e explore di pochi pixel (vedi div sottomenu tra firefox e explorer il sottomenu è di 5/6 pixel più in basso)
sapete darmi una dritta?
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<link href="stile.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenitore">
<div id="container_pagina">
<div id="header">Testata</div>
<div id="lateral_sx">Menu</div>
<div id="lateral_dx_pagina">Contenuto</div>
<div id="sottomenu">
<ul>
[*]le finalitA'</a>
[*]le AttivitA'</a>
[*]gli obiettivi</a>[/list]
</div>
<div id="footer_menu">
<ul>
[*]News</a>
[*]FinalitA'</a>
[*]Legis</a>
[*]Formazione</a>
[*]Credit</a>
[*]Contact</a>[/list]
</div>
<div id="piepagina">
<h3> PROGETTAZIONE CONSULENZA E GESTIONE DI SISTEMI ECO-COMPATIBILI</h3>
GECO S.r.l. Engineering - sede legale - via casa aniello, 129 cap 80057 Sant' Antonio Abate (NA) c.f. e p.iva 05724341218 </p>
</div>
</div>
</div>
</body>
</html>
CSS
html,body {
margin:0;
padding:0;
bottom: 0px;
clip: rect(auto,auto,0px,auto);
}
#pie_pagina {
background-color: #336699;
height: 50px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 200px;
}
body { font:76% Arial, Helvetica, sans-serif; text-align:center; background-color:#000000
}
strong {
color: #999999;
}
a:link {
color: #333333;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bolder;
}
a:hover {
font-weight: bolder;
color: #625B7C;
text-decoration: underline;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
h1 {
font-size: 1.8em;
color: #81D0F4;
margin-bottom: 10px;
margin-left: 10px;
margin-top: 0px;
margin-right: 0px;
}
h3 {
font-size: 0.8em;
color: #666666;
padding-left: 0px;
padding-top: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align: left;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2 {
font-size: 1.4em;
color: #CCCCCC;
margin-bottom: 10px;
margin-left: 10px;
background-image: url(img/tasto_h2.jpg);
background-repeat: no-repeat;
background-position: left;
padding-left: 30px;
}
p {
font-size: 0.9em;
color: #666666;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
#container {
background-image: url(img/sfondo_home.jpg);
background-repeat: no-repeat;
width: 760px;
height: 600px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align:left;
background-color: #F5F5F5;
}
#lateral_dx {
float: right;
height: 281px;
width: 287px;
padding-top: 120px;
padding-right: 170px;
}
#footer_menu {
width: 740px;
clear: both;
height: 40px;
float: right;
position: absolute;
top: 400px;
}
#contenitore {
height: auto;
width: 760px;
margin-right: auto;
margin-left: auto;
position:relative;
}
#piepagina {
position:absolute;
top:560px;
width:730px;
height:30px;
z-index:1;
margin-left: 10px;
left: 20px;
}
div#footer_menu{
height:20px;
margin-top: 120px;
width: 740px;
}
#footer_menu ul {
list-style:none;
padding-top: 0;
padding-bottom: 0;
}
#footer_menu ul li{
float:left;
padding-left:25px;
background:url(img/pallino_tasti.gif) no-repeat center left;
margin-right:5px;
text-transform:uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
margin-left: 25px;
}
#container_pagina {
background-image: url(img/sfondo_pagina.jpg);
background-repeat: no-repeat;
width: 760px;
height: 600px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align:left;
background-color: #F5F5F5;
}
img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#header {
height: 120px;
width: 760px;
}
#lateral_sx {
height: 345px;
width: 180px;
float: left;
background-color: #FFFFFF;
}
#lateral_dx_pagina {
float: right;
height: 350px;
width: 570px;
background-color: #CCCCCC;
}
#sottomenu ul {
list-style:none;
padding-top: 0;
padding-bottom: 0;
}
#sottomenu ul li{
float:left;
padding-left:20px;
text-transform:uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
margin-left: 25px;
padding-top: 0px;
}
div#sottomenu{
height:20px;
margin-top:0px;
width: 740px;
padding-top: 0px;
}
#sottomenu {
position:absolute;
left:100px;
top:485px;
width:650px;
height:20px;
z-index:2;
padding-top: 0px;
}
ringrazio anticipatamnte
Rispondi quotando
