float question...

[asa_carter]

Hi,

In a layout of two columns using floats, how do I get the content column to use the size of the full size of the screen rather than just the size of its content.

Code: Select all

<div id="nav" style="float:left;width:200px;">
Navigation
</div>
<div id="content" style="float:right;">
Content
</div>

Thanks

Asa

[ukgeoff]

Perhaps you could expand a bit on what exactly you mean?

[moojoo]

I do believe he has one fixed width and one liquid column. Thus is in search of the holy grail more or less.

[mreine]

You don't float the content area. Give it a left margin of 220px or so.

[Antwan]

yeah you see, by setting the width of the column, your saying that no matter what resolution the website is viewed at, it will always be 200px. Personally, i'd use percentages, that'll make your columns be for example, 20% of the screens resolution etc.

So an example would be one columns, width: 40% float:left
and the other column would be width: 60%

That way no matter what the resolution of the screen is, column one will always be 40% of it and column two will always be 60% of it. Does that help at all? If you need exact code just tell me and i'll write it out.