Ciao a tutti con firefox mi sembra che sia perfetto con ie in altezza risulta piu lungo ecco il codice grazie per le eventuali correzioni
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>XXXXXXXXXXXXXXXX</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
/*stili per il layout fisso*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center}
div#container{width: 760px;margin: 0 auto;text-align: left;
border-left: 2px solid #36c;border-right: 2px solid #36c}
/*stili generici, su header e footer*/
div#header{background-color:#36C;color: #ff0}
h1,h2{margin: 0;padding:0}
h1{padding-left :0.5em;font: bold 2.3em/80px arial,serif}
h2{
color: #FF9900;
font-size: 1.5em;
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#footer{text-align:center;padding: 0.5em;
background-color: #69c; color: #000}
/*stili specifici per il layout*/
div#navigation{background-color:#FF00FF}
div#content{
padding: 1em;
display: block;
height:380px;
}
/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none;}
div#navigation li{display: inline; margin: 0 0 0 1em;padding: 0} /*nota display: inline*/
div#navigation a{color:#000000;font: normal bold 1.2em/2.5em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #fff;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1>XXXXXXXXXXX </h1>
<h1 style="color:#00FF00; font-size:24px; font-family: Verdana, Arial, Helvetica, sans-serif; position:absolute; left: 452px; top: -20px; width: 276px; height: 70px;">XXXXXXXXXXX</h1>
<h2>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</h2>
</div>
<div id="navigation">
<ul>[*]XXXXXXXXXXX [*]XXXXXXXXXXX[*]XXX[*]XXXX[*]XXXXXXXXXX[/list]
</div>
<div id="content">QUA DOVREBBE ESSERE 380PX IN ALTEZZA </div>
<div id="footer">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
</div>
</div>
</body>
</html>
Rispondi quotando
