Utilizzando xhtml e css con IE6 tutto OK
con firefox a parte che tutto non è centrato ma nella testata esiste un piccolo disalineamento con sezprinc di circa 1px
<?xml version="1.0"?>
<!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" />
<meta content="Spagnoli Diego" name="OWNER" />
<meta content="Spagnoli Diego" name="AUTHOR" />
<meta content="Cardilli Srl - Lavorazione Ferro e Metalli" name="description" />
<meta name="keywords" content="cardilli, lavorazione ferro e metalli,ferro, metalli, carpenteria,abruzzo,lazio,roma,l'aquila,carpenteri a metallica,lavorazioni rame,serramenti edilizia,lavorazioni acciao inox,produzione infissi,cancelli,controfinestre,coperture pannelli coibentati,infissi alluminio,capannoni acciaio,controsoffittature,finestre,chiusure tagliafuoco,controsoffitti termoacustici,grate,inferriate" />
<title>
Cardilli Srl - Lavorazione Ferro e Metalli
</title>
<link type="text/css" rel="stylesheet" href="mainstyle.css" />
</head>
<body>
<div id="sezprinc">
<div id="testata">[img]img/cardilli1.jpg[/img][img]img/cardilli2.jpg[/img][img]img/cardilli3.jpg[/img]</div>
<div id="lateralesx">
[img]img/lineasx.jpg[/img]
</div>
<div id="menu">
[img]img/chisiamo.gif[/img]-[img]img/servizi.gif[/img]-[img]img/lavori.gif[/img]-[img]img/contatti.gif[/img]</p>
</div>
<div id="intermezzotopdx"></div>
<div id="post">
<h2>[ 05/03/2002 - lunedì ]</h2>
<h1>Titolo 1</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<h2>[ 04/03/2002 - domenica ]</h2>
<h1>Titolo 2</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
<div id="navigazione">
<h1>sezione 1</h1>
link 1</p>
link 2</p>
link 3</p>
<h1>sezione 2</h1>
link 1</p>
link 2</p>
link 3</p>
</div>
<div id="lateraledx">[img]img/lineadx.jpg[/img]</div>
</div>
<div id="footer">
<div id="crediti">[img]img/xhtml.gif[/img][img]img/css.gif[/img]</div>
<div id="powered">
Powered by Diego Spagnoli</p></div>
</div>
</body>
</html>
/* Stili generici per l'elemento body */
body {
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0px 0px 20px 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: center;
background-color: #FFFFFF;
color: Black;
width: 643px;
position: relative;
left: 10px;
}
/* Stile della sezione "sezprinc" */
#sezprinc {
background-color: #FFFFFF;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
color: Black;
margin: 20px 0px 10px 0px;
text-align: left;
width: 643px;
}
/* Stile della sezione "testata" */
#testata {
background: White;
color: Black;
border-bottom: 0px;
height: 89px;
position: relative;
left: 0pt;
border-left: 0px;
border-right: 0px;
border-top: 0px;
}
/* Stile della sezione "lateralesx" */
#lateralesx {
voice-family : inherit;
float: left;
width : 16px;
height: 380px;
}
/* Stile della sezione "menu" */
#menu {
float: left;
margin: 0px 0px 0px 10px;
padding-bottom: 5px;
padding-left: 2px;
padding-right: 0px;
padding-top: 10px;
width: 300px;
height: 34px;
background: White;
color: Black;
border: none;
}
/* Stli dei link della sezione "menu" */
#menu a {
background : White;
color : #CC0000;
}
#menu a:visited {
background : White;
color : #CC0000;
}
/* Selettore contestuale. Specifica come appare l'elemento p all'interno della sezione "menu" */
#menu p {
background : White;
color : black;
}
/* Toglie il bordo dalle immagini del menu */
#menu p a img {
border: none;
}
/* Stile della sezione "post" */
#post {
background-color: #FFFFFF;
border-bottom: #CCCCCC 0px;
border-left: #CCCCCC 0px dotted;
border-right: #CCCCCC 0px;
border-top: #CCCCCC 0px;
color: #000000;
margin: 0px 0px 0px 0px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
voice-family: inherit;
width: 350px;
float: left;
}
/* Selettore contestuale. Specifica come appare l'elemento h1 all'interno della sezione "post" */
#post h1 {
background : white;
color : #191970;
font : bold 13px Tahoma, Verdana, Helvetica, sans-serif;
margin : 5px;
}
/* Selettore contestuale. Specifica come appare l'elemento h2 all'interno della sezione "post" */
#post h2 {
background-color : #FFFFFF;
color : #CC0000;
font : bold 10px Tahoma, Verdana, Helvetica, sans-serif;
margin : 5px;
}
/* Selettore contestuale. Specifica come appare l'elemento p all'interno della sezione "post" */
#post p {
background-color : #FFFFFF;
border-bottom : 1px dotted black;
color : #000000;
font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height : 1.5em;
margin : 5px;
padding-bottom : 4px;
}
/* Stile della sezione navigazione */
#navigazione {
background: #f1f1f1;
margin: 15px 0px 0px 25px;
border-bottom: #CCCCCC 0px;
border-left: #CCCCCC 0px;
border-right: #CCCCCC 0px dotted;
border-top: #CCCCCC 0px;
color: #000000;
float: left;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
voice-family: inherit;
width: 140px;
}
/* Selettore contestuale. Specifica come appare l'elemento h1 all'interno della sezione "navigazione" */
#navigazione h1 {
background : #f1f1f1;
border-bottom : 1px dotted #808080;
border-left : 1px dotted #808080;
border-right : 1px dotted #808080;
border-top : 1px dotted #808080;
color : #2D4B9B;
font : bold 13px Tahoma, Verdana, Helvetica, sans-serif;
margin-bottom : 3px;
margin-left : 5px;
margin-right : 5px;
margin-top : 15px;
padding-bottom : 2px;
text-align : center;
}
/* Selettore contestuale. Specifica come appare l'elemento p all'interno della sezione "navigazione" */
#navigazione p {
background : #f1f1f1;
color : Black;
font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin : 5px 5px;
}
#navigazione p A:link {
background-color: #f1f1f1;
color: #2D4B9B;
text-decoration: underline;
}
#navigazione p A:visited {
background-color: #f1f1f1;
color: #2D4B9B;
text-decoration: underline;
}
#navigazione p A:hover {
background-color: #f1f1f1;
color:#FF9900;
text-decoration: underline;
}
/* Stile della sezione "IntermezzoTopDx" */
#intermezzotopdx {
voice-family: inherit;
float: right;
width: 77px;
height: 54px;
margin: 0 0 0 0;
background-image: url(img/intertopdx.jpg);
background-repeat: repeat;
}
/* Stile della sezione "lateraledx" */
#lateraledx {
voice-family: inherit;
float: right;
width: 77px;
height: 500px;
margin: 0 0 0 0;
}
/* Stile della sezione "footer" */
#footer {
background: White;
color: Black;
margin: 0px 0px 0px 0px;
width: 643px;
}
#powered {
margin: 0px 10px 0px 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
width: 200px;
float: right;
}
#powered p {
background: White;
color: black;
font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: right;
}
#powered p A:link {
background-color: White;
color: #2D4B9B;
text-decoration: underline;
}
#powered p A:visited {
background-color: White;
color: #2D4B9B;
text-decoration: underline;
}
#powered p A:hover {
background-color: White;
color:#FF9900;
text-decoration: underline;
}
/* stile css per Copyright */
#crediti {
padding-bottom: 0px;
padding-left: 20px;
padding-right: 0px;
padding-top: 0px;
width: 250px;
float: left;
margin: 0px 0 0 0;
}
#crediti a img {
border: none;
}
come posso ovviare al problema?
Rispondi quotando