Re: [WSG] 3 column layout - centre column forced below side columns in IE at low resolution

2006-02-09 Thread Nick Cowie
I would of suggested wrapping a div with float: left around #sidebar_a and #content so when worse came to worse you forced #sidebar_b below the main content.However, that would require a major change in your source code. And seeing your are already using conditional comments to serve a .htc behaviour to ie only. Why not add another for min-width options:
grab ie7 behaviours from Dean Edwards http://dean.edwards.name/IE7/ try this one it is much smaller but untested 
http://archivist.incutio.com/viewlist/css-discuss/42236or just add the following into you conditional comment:style type=text/css

.minWidth{

width:_expression_(document.body.clientWidth  800 ? 800px: auto );

}

/style
-- Nick Cowiehttp://nickcowie.com


[WSG] 3 column layout - centre column forced below side columns in IE at low resolution

2006-02-08 Thread Miles Tillinger
I recently launched an overhaul of the interface of
www.education.gov.au.  Its been a bit of a battle trying to get the
client to sacrifice things for the sake of accessibility and
standards-compliance, not to mention the state of the legacy content and
CMS templates, battles still raging anyway , those things
aside...

There is a problem with the 3-column layout I've implemented.  In IE at
resolutions around 800x600 and below the centre column is dropping below
the left and right floated columns.  I know its to do with the animated
GIF logo at the top of the centre column and have already made a fix
(not in production yet) so the problem doesn't occur at 800x600.

What I'm looking for is suggestions of better columnar layout in which
rather than the centre column dropping down, columns stay where they
should and the browser's horizontal scrollbar appears instead.

URL:www.education.gov.au
CSS:http://www.education.gov.au/intranet.css
http://www.education.gov.au/styles/basic.css
http://www.education.gov.au/styles/layout.css
http://www.education.gov.au/styles/content.css
etc... so many, you're better off using the FF Web Dev
extension!

Any advice is much appreciated!


Regards,

Miles.
IMPORTANT: This e-mail, including any attachments, may contain private or 
confidential information. 
If you think you may not be the intended recipient, or if you have received 
this e-mail in error, 
please contact the sender immediately and delete all copies of this e-mail. If 
you are not the intended 
recipient, you must not reproduce any part of this e-mail or disclose its 
contents to any other party.

This email represents the views of the individual sender, which do not 
necessarily reflect those of 
education.au limited except where the sender expressly states otherwise.

It is your responsibility to scan this email and any files transmitted with it 
for viruses or any other 
defects.

education.au limited will not be liable for any loss, damage or consequence 
caused directly or indirectly by this email.

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

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



Re: [WSG] 3 column layout - centre column forced below side columns in IE at low resolution

2006-02-08 Thread russ - maxdesign
 What I'm looking for is suggestions of better columnar layout in which
 rather than the centre column dropping down, columns stay where they
 should and the browser's horizontal scrollbar appears instead.

This problem is due to IE's rendering of content and containers. Other
browsers honour container width and either wrap or poke content out. IE will
force the container to stay as wide as the widest content inside - which
could be an image, a flash component, a url or even a long word. This means
columns drop down till they find space that accommodates them.

Here are a range of off-the-top-of-the-head suggestions - some of which may
be totally impractical:
 
1. make the three columns float (or at least the left and middle) so that
the third column will drop rather than the main one.

2. use min-width so the page never collapses below a certain point (would
need something like Dean Edwards IE7 added so IE will honour the min-width)

3. use javascript to redraw the layout when the page hits a narrower width -
flipping to a new css file:
http://www.themaninblue.com/experiment/ResolutionLayout/

4. place decorative image elements as background images so that containers
can collapse without restrictions.

5. make the entire layout liquid so that the page can collapse much further
without breaking - at present the left and right columns are locked to a set
width which means the middle column does all the collapsing.

I'm sure other more valuable offerings will come from others... :)
Russ

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

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