Html Help: Div Cuts Off Unexpectedly html bug: failure to encompass all content

[snlildude87 0]

Hey guys,

 

I'm making a new template because I decided that I needed a much simpler one that goes with the times.

 

Template here: http://forums.xisto.com/no_longer_exists/

 

As you can see, everything looks fine, but if the content area is smaller in length than the sidebar, then the layout screws up because the layout refuses to expand to encompass everything. Link: http://forums.xisto.com/no_longer_exists/

 

Does anyone know what I can do so that the layout expands if necessary? I tried clearing the div, but that doesn't help.

 

Thanks!

[Saint_Michael 3]

did you try putting the nav menu coding within the div tag that runs the overall look?

[snlildude87 0]

Yep, I did that. Makes no difference.

[Saint_Michael 3]

ooooh oooh I just thought of it why don't you try putting a blank image for a background to use it as a filler to expand it?or did you try resizing the table in the css?

Edited February 22, 2006 by Saint_Michael (see edit history)

[Tyssen 0]

You need to float #content left and give it an appropriate width. Then, remove the absolute positioning from #linkList and give it a margin-left wider than the width of #content.Ideally both those two columns should go inside their own wrapper div which should have overflow:hidden applied to it so that Firefox expands to contain the floats (IE does this incorrectly by default).

[jlhaslip 4]

Like this, except I don't have the overflow:idden there yet...
http://forums.xisto.com/no_longer_exists/

[Tyssen 0]

Yeah, Jim's example's right even though his narrow column is on the opposite side to yours. Whichever column comes first in the source is the one that needs to be floated. So in your case snlildude87, it needs to be your wide column.