CSS Floats

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
Here's what I'm trying to do, but just can't get it working.

I'm using CSS.  I want to divide my page into two sections, so I have two
DIVs set up in CSS, leftside and rightside.  The left side is a fixed width.
How do I go about making the right side fill the remaining part of the page?
This can't be a fixed width (different resolutions), can't bee 100% (goes to
next line)...the only way I could get it to work was to put an <HR> tag in,
but I figure there's got to be a proper CSS way.  I've tried float:right,
float: left...all that keeps happening is that the right column sizes to the
width of whatever's in it.


P.S.  In case it matters, I'm not setting it up to fit the entire page
width...I have a 'container' DIV that centers the page at about 80% width
(of screen).  I figure, though, that if the left and right column's are
within that container, it wouldn't matter if that 'container' was there or
not (for the purposes of getting this working).

Re: CSS Floats

Dave "IT" wrote:

Quoted text here. Click to load it


David Dorward       <http://blog.dorward.me.uk/ <http://dorward.me.uk/
                     Home is where the ~/.bashrc is

Site Timeline