Posted by Edwin van der Vaart on 06/25/07 18:21

tomek milewski wrote:
> Hello,
> I want to make a simple html page. It has a header div, a main div and
> some footer div.
> I want to make main div to contain two columns (menu and content):
>
> <div class="container">
> <div class="header"><p>Some text</p></div>
>
> <div class="main">
> <div class="menu"><p>other text</p></div>
> <div class="content"><p>and other<p></div>
> </div>
>
> <div class="footer"><p>the end</p></div>
> </div>
>
> menu div has fixed width (lets say 150px) and I want to make the
> content div taking the rest of the container div width (which is for
> example 100%).
>
> I found out that making menu and content "float:left" allows them to
> be in one line. Bu when I've written more text into content, it became
> so wide that my browser broke the line :(
>
> I also found out that making the menu "position:relative" and adding a
> "margin-left:150px" to content also helps. But then I realized that if
> menu is high and content is short, then menu crashes with footer.
>
> Now I have no idea, except making content's width fixed.
Use for the footer "clear:both". That way the menu stays left and
content on the right.
--
Edwin van der Vaart
http://www.semi-conductor.nl/ Links to Semiconductors sites
http://www.evandervaart.nl/ Edwin's persoonlijke web site
Explicitly no permission given to Forum4Designers, onlinemarketingtoday,
24help.info, issociate.de and software-help1.org to duplicate this post.

[Back to original message]