problema com posicionamento

matlorenzo · Outubro 18, 2005

Galera, estou com uma dúvida crucial que não consigo resolver de forma alguma. Já andei lendo uns tutorias por aí ( inclusive o do bruno torres e no proprio site da w3c ). Considerem o html abaixo:

<html> <head> <style>  div { border: 1px dotted } /* formatei todas as tags divs assim somente para melhor visualização do que acontece. */  #main, #header { position: relative }  #menu, #content { float: left } </style> </head> <body>  <div id="main">   <div id="header">header</div>   <div id="body">	<div id="menu">menu</div>	<div id="content">content</div>   </div>  </div> </body></html>

O problema q encontro é que as divs "menu" e "content" estão ultrapassando a area da div "body". Eu queria q elas ocupassem a altura q fosse preciso ( dependendo do conteúdo q estiver dentro de cada uma ) e que sempre se mantessem nos limites da div "body".

Alguém tem a solução?

Vlw.

pa_bruno · Outubro 18, 2005

<html><head><style type="text/css">div { border: 1px dotted }#menu { float: left; width: 100px; }#content { margin-left: 105px; }</style></head><body><div id="main"><div id="header">header</div><div id="body"><div id="menu">menu</div><div id="content">content</div></div></div></body></html>

tem varios posts sobe isso ae ;) teste ae, nem vi como q fica, sai colocando aki...

Entrar

Arquivado

problema com posicionamento

Recommended Posts

matlorenzo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

pa_bruno 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante