Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ae pessoal, seguinte:
Eu coloco a propriedade float tudo certinho mas ainda assim da erro. O conteudo fica abaixo do menu e não ao lado. Aqui está o link: Site
Aqui é o código HTML
<body>
<div id='geral'>
<div id='cabecalho'>
Cabeçalho
</div>
<div id='menu'>
Conteudo do Menu:
</div>
<div id='conteudo'>
In nibhodio, porttitor vel, mattis vel, porttitor eget, orci. Duis consectetuer tempus enim.
Sed ut felis et tortor feugiat malesuada. Nam vulputate, tellus eu nonummy dapibus, pede risus
luctus dolor, ut nonummy urna felis a lacus. Nam in dolor tincidunt ante vehicula dignissim. Nulla
id libero ut dui placerat semper. Nulla sit amet nibh at velit facilisis gravida. Phasellus in diam.
Pellentesque volutpat scelerisque dolor. Donec venenatis nulla suscipit nisl dignissim tristique.
Ut ut lorem sit amet purus ullamcorper mattis. Phasellus ornare ligula non orci. Pellentesque luctus
tristique orci. Proin a est. Nulla porta lacus ut leo. Nulla faucibus pede sit amet dui. Nullam aliquet
lorem at nunc. Nullam eu tellus.
</div>
<div id='rodape'>
Rodapé
</div>
</div>
</body>*
{
margin:0;
padding:0;
}body
{
background-color:#DCDCDC;
}
#geralbackground-color:#FFF;
border-color:#000;
border-style:solid;
border-width:1%;
width:80%;
margin:auto;
margin-top:2%;
}
#cabecalhoborder-color:#00BFFF;
border-style:solid;
border-width:1%;
}
#menufloat:left;
border-color:green;
border-style:solid;
border-width:1%;
}
#conteudofloat:left;
border-color:red;
border-style:solid;
border-width:1%;
}
#rodapeclear:both;
border-color:#FF0;
border-style:solid;
border-width:1%;
}Obrigado
A primeira coisa que precisa entender: se você não declarar uma largura para seu elemento (width), o browser não tem como "adivinhar" onde o conteúdo deve terminar. Consequentemente, sua div do conteúdo vai para baixo, afinal, se observar, ela está ocupando toda a extensão de sua div "geral" (já que você não especificou uma largura para ela, a div irá sempre utilizar toda a largura possível).
A sim, ja entendi. Muito obrigado.
A primeira coisa que precisa entender: se você não declarar uma largura para seu elemento (width), o browser não tem como "adivinhar" onde o conteúdo deve terminar. Consequentemente, sua div do conteúdo vai para baixo, afinal, se observar, ela está ocupando toda a extensão de sua div "geral" (já que você não especificou uma largura para ela, a div irá sempre utilizar toda a largura possível).
Mas, vem cá: borda em porcentagem? :blink: Estranho isso, não acha? Para poder visualizar os limites de suas divs, não use bordas, mas sim background-color, ok? Isso porque a borda é somada à largura/altura de seu elemento. Caso não conheça muito bem isso, veja este tutorial: Atributos: border - padding - margin: Como funciona cada um deles.
Declare uma largura para suas divs, pois, caso contrário, não conseguirá fazer o que deseja. Caso queira um auxílio, veja este outro material: Layout fixo 2 colunas (menu vertical) - Aprenda a fazer um layout "tableless" (2 colunas).
Qualquer dúvida, volte a postar!
Um abraço!