3 Coumn Layout bugs, need help!

[waiterm]

Hi guys,

I'm trying to create a basic 3 column layout, and having googled and tried endlessly am still having problems.

There's no content as such but take a look at:

http://www.pegasusart.co.uk/template.asp

Basically the problem I'm having is when the browser window is resized in both IE and Firefox, the right hand column bleeds into the content and eventually all the way over to the left column. IE doesn't support min width but is there a hack for this?

A direct link to the stylesheet is

http://www.pegasusart.co.uk/includes/styles.css

Any help would be gratefully appreciated.


Rob Waite

http://www.hostpipe.co.uk?src=TT

 

[ca8msm]

One workaround is to use the underscore hack along with IE's "expression" function like Dan described in thread215-1182806


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[waiterm]

Hi,

I've tried using the expression function, however my page is resizing down to 800px and then crashing, this is the code I'm using...

#sizer { min-width:800px; width:expression(document.body.clientWidth < 800? "800px": "auto" ); }

Rob Waite

http://www.hostpipe.co.uk?src=TT

 

[waiterm]

Problem solved thanks to

http://archivist.incutio.com/viewlist/css-discuss/41238

If you set the checking width to be marginally bigger than you min-width it appears to solve the problem.



Rob Waite

http://www.hostpipe.co.uk?src=TT

 

[BillyRayPreachersSon]

Also, there is this article:

http://www.alistapart.com/articles/holygrail

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]