Posted by dorayme on 01/09/07 21:34

In article
<1168367830.960966.104130@i39g2000hsf.googlegroups.com>,
"Victor" <victor.marbach@gmail.com> wrote:

> Dear all,
> I'm having a hard time trying to work with two <div> tags and the float
> functionality. I want two div blocks to be one after the other (one
> menu on the left, and the content on the right).
> Problem is that I want these blocks to have a % width (30% - 70%),
> which leads the float parameter not to work anymore (blocks are one
> below the other). Any idea ?
>
> div#menu
> {
> float:left;
> width: 30%;
> border-right: lightgrey 1px solid;
> }
> div#contenu
> {
> width: 70%;
> background-color: green;
> }

Perhaps best not to have such tight dimensions. IE6 adds pixels
under various float conditions. Consider not adding any width to
the content div, or else one that is one or two or more % less
than 70. You might also wanting to be giving some padding to the
the divs (adding even more px that need accounting for). In this
sort of setup, best to supply margins, especially left margin for
the content div to give the menu div a defined space to "sit in"
so that there is no content then flowing under the menu pane
(unless that is what you want, of course)

--
dorayme

[Back to original message]