Ciao a tutti, ho fatto un foglio di stile, con IE7 funziona benissimo, con firefox ho un problema.
Praticamente il footer è + lungo.
Vi posto il foglio di stile e la pagina html.
Codice PHP:<html>
<head>
<link rel="stylesheet" href="style/style.css" type="text/css">
</head>
<body>
<div id="container_left">
<div id="container_right">
<div id="header">
</div>
<div id="content">
</div>
<div id="menu">
</div>
<div id="footer">
Qui il footer
</div>
</div>
</div>
</body>
</html>
Qualcuno sa aiutarmi?Codice PHP:html, body
{
margin:0;
padding:0;
}
body
{
font:85%/1.45 "Lucida Sans Unicode","Lucida Grande",Lucida,Arial,sans-serif;
color:#333;
text-align:center;
}
h2
{
font-size:160%;
color:#004BAA;
margin:0 0 0.3em;
}
div#header
{
width:1000px;
}
div#container_left
{
width:1000px;
text-align:left;
margin:0 auto;
background: url(left.jpg) repeat-y left;
}
div#container_right
{
width:1001px;
background: url(right.jpg) repeat-y right;
}
div#content
{
float:left;
width:700px;
padding-left: 30px;
}
div#content p
{
text-align:justify;
}
div#menu
{
float:right;
width:160px;
padding-top:2.7em;
}
div#menu ul,div#menu li
{
list-style-type:none;
margin:0;
padding:0;
}
div#menu a
{
display:block;
height:1.3em;
font-size:110%;
color:#A64B1B;
text-decoration:none;
padding:1px 0 1px 15px;
}
div#menu a:hover
{
color:#7F2D01;
}
div#menu li#active a
{
color:#606060;
}
div#footer
{
clear:both;
color:#333;
width: 962px;
margin-left: 19px;
padding: 20px;
background: url(footer.png) repeat-x top;
text-align: center;
}
Rispondi quotando
