Vou apresentar um layout a um cliente, mais to com um problema com o I.E
ta aqui o endereço..
http://www.goodzilla.com.br/jowan/
Olhem a diferença do layout no I.E para o layout no Mozilla
Ajuda? (:
Aqui meu css
*{margin:0; padding:0;}
#page-container {
width:760px;
margin:0 auto;
text-align:left;
}
#header {
height: 150px;
background: #fff url(../imagens/header.jpg);
}
#main-nav {
height: 50px;
background:url(../imagens/menu-bg.jpg) left no-repeat;
}
#header h1{
float: right;
margin-top: 23px;
padding-right: 15px;
}
#sidebar-a {
float: right;
width: 280px;
line-height: 18px;
}
#content {
margin-right: 280px;
line-height: 18px;
}
#footer {
height: 66px;
clear: both;
font-family: Tahoma, Arial, Helvetica, Sans-serif;
font-size: 10px;
color: #c9c9c9;
}
#footer a {
color: #c9c9c9;
text-decoration: none;
}
#footer a:hover {
color: #2580a2;
}
#footer #altnav {
width: 350px;
float: right;
text-align: right;
}
.hidden {
display: none;
}
body {
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 12px;
color: #666666;
background: #ffffff;
text-align:center;
}
#content h2 {
padding-bottom: 15px;
border-bottom:1px solid #666666;
}
#content p {
padding-bottom: 15px;
}
#sidebar-a .padding {
padding: 25px;
}
#content .padding {
padding: 25px;
}
#menu {
background: #fff;
margin-left:81px;
float: left;
list-style: none;
padding: 0;
width: 100%;
}
#menu {
background: #fff;
margin-left:81px;
float: left;
list-style: none;
padding: 0;
width: 100%;
}
#menu li {
float: left;
font: 14px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#menu a {
background: #fff;
color: #ccc;
display: block;
float: left;
margin: 0;
padding: 17px 12px;
text-decoration: none;
}
#menu a:hover {
background: #2580a2;
color: #fff;
padding-bottom: 17px;
Edição feita por: Kami-Kun, 17/04/2010, 15:56.
