Hi Stuart,

Looks OK in Safari 1.0, Firefox 1.0 and IE 5.2 (Mac OSX). The only 
problems occur when I try to reduce the width of the window - although it 
has to be a pretty dramatic reduction. 

Safari & Firefox both start to fall apart when the window gets to about 
605px wide (minus chrome): firstly the text in the left column drops to 
the bottom, then the text in the middle column starts to overlap the green 
of the left column, then the text in the right column drops to the bottom, 
then finally the 2 green areas merge into 1.

In IE, the middle column gets narrower and narrower (but everything 
otherwise stays in its place) until about 500px wide: the text in the 
middle column starts to poke out into the right column green, eventually 
overlapping the right column's text. Finally, at about 425px, both 2 outer 
columns' text drop to the bottom.

I guess this would only really be an issue if you were browsing with a 
PDA. If I saw this happening when I resized my window down, I'd resize it 
back up again until it looked acceptable.

Regards,
Jonathan

Jonathan Cooper
Manager of Information / Website
Art Gallery of New South Wales
Sydney, Australia
http://www.artgallery.nsw.gov.au

Stuart Homfray wrote on 16/04/2005 09:53:38 AM:

> I've been playing with a source-ordered 3-column liquid layout and I've 
> come up with the following page 
> <http://www.stuarthomfray.co.uk/temp/floattest.html>.
> 
> The CSS and the markup are relatively simple (obviously it's still in 
> the testing stage though!!) and I just wondered whether anyone might 
> have the time to take a look and see whether the layout falls over in a 
> particular browser, or if there's any comments, improvements, etc... 
> (Oh, and if you're not bothered about the two 'Faux columns', you can 
> remove the 'extraContainer' <div>, cleaning up the markup a little 
more!)
> 
> I've tested in IE6, Firefox 1.0.3 and Opera 7.54 in Windows, and looked 
> at screengrabs in Safari 1.2.4, Mac IE 5.2.3, Mozilla 1.7.5 (Safari and 
> Mac IE info is what I'm looking for, mainly...)

******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

Reply via email to