Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Amigos, boa tarde.
Estou com um problema no layout na homepage que estou desenvolvendo. Criei a homepage com DIvs (camadas). A div #corpo consegui alinhar ao centro da tela, porém as outras Divs que estão dentro da DIv # corpo não alinham com a Tela, na hora de visualizar no navegador ficam todas deslocadas para esquerda. Já tentei de tudo, mas não estou conseguindo o pulo do gato. SE alguém puder me ajudar e dar uma luz , fico grato.
Ahhh estou trabalhando com DW CS5.5
<!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>Alinhamento DIvs</title>
<style type="text/css" media="all"> <!-- Script CSS (folha de estilo) -->
#corpo {
left:27px;
top:19px;
width:990px;
height:800px;
z-index:1;
margin: 0 auto; /* comando para o corpo (camada principal) alinhar ao centro da tela*/
background-color: #666;
}
#banner {
position:absolute;
left:110px;
top:16px;
width:990px;
height:84px;s
z-index:1;
background-color: #FF6600;
}
#menu {
position:absolute;
left:108px;
top:110px;
width:992px;
height:40px;
z-index:2;
background-color: #FFFFFF;
}
#texto {
position:absolute;
left:115px;
top:161px;
width:585px;
height:589px;
z-index:3;
background-color: #0066FF;
}
#video1 {
position:absolute;
left:930px;
top:162px;
width:120px;
height:88px;
z-index:4;
background-color: #99FF00;
}
#video2 {
position:absolute;
left:930px;
top:255px;
width:120px;
height:88px;
z-index:5;
background-color: #99FF00;
}
#video3 {
position:absolute;
left:930px;
top:347px;
width:120px;
height:88px;
z-index:6;
background-color: #99FF00;
}
#video4 {
position:absolute;
left:930px;
top:440px;
width:120px;
height:88px;
z-index:7;
background-color: #99FF00;
}
#imagem {
position:absolute;
left:880px;
top:535px;
width:162px;
height:248px;
z-index:8;
background-color: #FFFF00;
} position:absolute;
left:108px;
top:789px;
width:992px;
height:25px;
z-index:9;
background-color: #FF0000;
}
</style>
</head>
<body bgcolor="#CCCCCC">
<div id="corpo"> <!--Inicia o layout(Camada principal) da homepage-->
<div id="banner"></div>
<div id="menu"></div>
<div id="texto"></div>
<div id="video1"></div>
<div id="video2"></div>
<div id="video3"></div>
<div id="video4"></div>
<div id="imagem"></div>
<div id="rodapé"></div>
</div><!--Finaliza o layout(Camada principal) da homepage -->
</body>
</html>Obrigado
Luiz ZACCARO
Caros,
Segue a forma que fica no navegador
http://img836.imageshack.us/img836/2632/alinhamentodiv.png
abraços
Luiz ZACCARO
Carregando comentários...