Re: [WSG] 3 column layout - centre column forced below side columns in IE at low resolution
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:
.minWidth{
width:_expression_(document.body.clientWidth < 800 ? "800px": "auto" );
}
-- Nick Cowiehttp://nickcowie.com
Re: [WSG] 3 column layout - centre column forced below side columns in IE at low resolution
> 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 **
[WSG] 3 column layout - centre column forced below side columns in IE at low resolution
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 **
