Apanhando das divs

[viniciusjau 2]

E ai moçada..

Tentei fazer um layout com divs..

o problema é que quando a div do menu tem mais conteudo do que a div do conteudo elas ficam desalinhas ...

 

alguém sabe como eu posso fazer pras duas serem do mesmo tamanho ?

 

dá um look no codigo:

<style type="text/css">

<!--

body,td,th {

font-family: Verdana;

font-size: 12px;

color: #000;

}

body {

background-color: #DBD9CC;

}

#topo {border: 5px solid #FFFFFF; width: 750px; height:140px; background:url(adm/temas/topo1.jpg);}

#global {margin: 0px auto; text-align: left; width: 760px;}

#menu {float: right; width: 190px; background-color: #F0F0F0;}

#conteudo {float: left; width: 568px; background-color: #F0F0F0;}

#rodape {clear: both;background-color:#F0F0F0; height:20px;border-top: 2px solid #DBD9CC; width:760px;}

-->

</style>

 

<div id="global">

<div id="topo">topo</div>

<div id="menu">

menu

</div>

<div id="conteudo">

conteudo

</div>

<div id="rodape">rodape</div>

</div>

Uma solução que encontrei foi colocar uma imagem de fundo, como o major explica aqui:

http://www.maujor.com/tutorial/lay2col-faux-colunm.php

 

porém no meu caso eu gostaria de poder tratar com código pois estou montando um sistema onde o usúario escolhe a cor do fundo do site.

[Giovani 104]

Veja se o link ajuda: Divs simulando colunas com alturas iguais independente da altura do conteúdo de dentro delas (faux-columns, Equal Height Columns e técnica display table)

[viniciusjau 2]

E ai Giovani...

legal acho que é isso...

 

Eu fiz alguns testes aqui e ele deu alguns paus no Firefox...

mas vou continuar mexendo pra ver o que consigo... e qualquer coisa posto aqui...

[Giovani 104]

Se você postar o link fica mais fácil para o pessoal tentar ajudar http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif