peter alien
Power Member
Alguém me pode dizer como é que coloco dois DIVs lado a lado.
No caso do meu código fiz isso para os DIVs "conteudo" e "fundo" ("fundo" é o background onde os botões vão acentar, e "conteudo" é o DIV onde irá aparecer o conteudo de cada opção do menu), o problema é que usei o float, e quando tento diminuir a janela do browser esses divs começam a descer, ou sejam já não ficam lado a lado.
Alguem que me dê uma solução para isso, estou a usar o IE6. Obrigadão
Fica aqui o código:
No caso do meu código fiz isso para os DIVs "conteudo" e "fundo" ("fundo" é o background onde os botões vão acentar, e "conteudo" é o DIV onde irá aparecer o conteudo de cada opção do menu), o problema é que usei o float, e quando tento diminuir a janela do browser esses divs começam a descer, ou sejam já não ficam lado a lado.
Alguem que me dê uma solução para isso, estou a usar o IE6. Obrigadão
Fica aqui o código:
Código:
<style type=text/css>
body {
background-image: url(Imagens/BGGradiente.png);
background-repeat: repeat-x;
background-position: center;
background-color: #000000;
}
#header {
width: 950px;
height: 169px;
background-image: url(Imagens/Header.jpg);
}
#fotos {
width: 950px;
height: 79px;
background-image: url(Imagens/Fotos.jpg);
}
#fundo {
width: 236px;
height: 393px;
margin-left: 8px;
float:left;
background-image: url(Imagens/Fundo.jpg);
}
#conteudo {
width: 714px;
height: 393px;
float:left;
background-image: url(Imagens/Conteudo.jpg);
}
#footer {
width: 950px;
height: 47px;
background-image: url(Imagens/Footer.jpg);
}
</style>
</head>
<body>
<center>
<div id="header"></div>
<div id="fotos"></div>
<div id="fundo"></div>
<div id="conteudo"></div>
<div id="footer"></div>
</center>
</body>
</html>
Última edição pelo moderador: