Ajuda com CSS

Xikinho90

Power Member
Boas! estou a fazer um site, mas não queria usar tabelas para fazer a estrutura do site, usei antes css e o código é o seguinte:

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

<title></title>
   
<style type="text/css">
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 margin: 0px;
}
#site {
 width: 780px;
 margin: 0px auto;    
 background-image: url(fundo_site.jpg);
 background-repeat: repeat-y; 
}
#topo {
 background-color: #FF9933;
 height: 80px;
}     
#menu {
 padding: 10px;
 width: 210px;
 height: 500px;
 float: left;  

} 
#conteudo {
 padding: 10px;
 width: 520px;               
 height: 500px;    
 float: right; 
}      

div 
{
margin-right: 0px
}

</style>
</head>
<body>

<div id="site">
  <div id="topo">Topo</div>
  <div id="menu">Menu</div>
  <div id="conteudo">Conteudos</div>
</div>    
 
</body>
</html>

Mas agora se eu inserir nos divs um texto que ultrapasse o tamanho das margens, eu queria que ele fizesse um br, mas, quando eu insiro texto a mais ele estraga-me a formatação!

Eu não sei como se faz e precisava da vossa ajuda!

Obrigado
 
Não percebi muito bem o que pretendes.

Coloca um exemplo dessa má formatação.

Basta testares o código e tentares meter onde diz menu ou conteúdo um texto grande sem fazer <br>

Eu queria que o site no seu total nunca passasse dos 780px que eu defini, que o menu não passasse dos 210px e que o conteúdo dos 520px. Sem ter que ser eu a fazer <br> em tudo o que é sitio.
 
O erro foi meu, que confundi os ficheiros...

O código ai está correcto, eu é que passei outro ficheiro diferente para a pen e estava tudo desconfigurado quando testei noutro pc!

Obrigado pela ajuda
 
Back
Topo