T
tomek milewski
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![Frown :( :(](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
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!
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!