estou com um dúvida na montagem de um site que estou fazendo..
o layout do site é esse:
codigo HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" media="screen" />
<link href="reset.css" rel="stylesheet" media="screen" />
</head>
<body>
<div id="global">
<div id="cabecalho">
<div id="menu"> </div>
</div>
</div>
</div>
</body>
</html>
CSS:
html { font-size:100.01%; }
body{
background:url(images/bg.jpg) 0 0 repeat;
margin:0;
padding:0;
}
#global{
margin:auto;
padding:auto;
}
#cabecalho{
background:url(images/bgTop.jpg) no-repeat scroll top center;
height:446px;
margin:0;
padding:0;
}
#menu{
width:100%;
height:49px;
background:url(images/bgMenu.jpg) repeat-x ;
margin-top:300px;
}o site fica dessa maneira quando visualizo ele..
na teoria não era pra fica assim..
peço que me digam o que está errado na estrutura html ou no css! para que fique correto.
Abraços.
Edição feita por: Luciano Oliveira Lima, 08/04/2010, 18:12.
