Posted by tomek milewski on 06/25/07 17:40

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.

Any help would be apreciated!

• Next in forum: Re: Site disappears in IE 6
• Prev in forum: Re: Site disappears in IE 6
• Thread view: two div in one line, first div's width is const and the second isn't

[Reply to this message]