|
|
Posted by tomek milewski on 06/25/07 19:20
On Jun 25, 8:21 pm, Edwin van der Vaart <e...@nospam.com> wrote:
> 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 Vaarthttp://www.semi-conductor.nl/ Links to Semiconductors siteshttp://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.
Thanks for the advice but it doesn't work. If the content has too much
text inside, it is dropped to a new line, under left. It works only if
content is short enough to fit in one line.
--
Tomasz Milewski
Navigation:
[Reply to this message]
|