I have created three column layout for my site's front page.
While creating this panel, on Layout designer, I divided these three columns as exactly 20, 60 and 20 by holding shift key.
This was fine. I saved the panel.
But when I get back to front page, I can see in firebug that content area is just 99%.
My page width is 990px. But right hand column never reaches to the end.
In firebug, 20% column now shows width as 19.8% and 60% middle column shows 59.4% width.
In short 19.8+59.4+19.8 adds to 99 and front page is looking little weird.
I have checked my theme's "main" area and its width is 100%, so no problem there.
Please see the attaced images.
Thanks!
Comments
Comment #1
saurabhi commentedImages!
Comment #2
mrfelton commentedI have this problem too.
EDIT: see http://groups.drupal.org/node/19298
Comment #3
saurabhi commentedMerlinofchaos has said that "The chances of your layout breaking on IE with 99.9% are high."
Looks like a precautionary step. 'Prevention is better than cure' kind of thing. ;-)
So merlinofchaos, Can you please confirm that there isn't any solution for this, apart from creating our own layout?
Setting "main" area width as 101% solves my issue. Though it isn't perfect, the irregularities are negligible/acceptable.
Thanks!
Comment #4
merlinofchaos commentedhefox is correct. IE has serious bugs regarding width and float, and the only solution I've found is to lock things to 99%. This has had some minor side effects here and there, but it is what we have.
If you need better than that, you will have to design your own layouts, or we need to implement a flexible system that uses a more robust method.
Comment #5
Andrey Zakharov commentedWhy you make all suffer by unused IE6 support?
Why just not to use CSS hack:
panels\plugins\layouts\flexible\flexible.inc
works for me.
Comment #6
esmerel commentedSeriously? You reopened an issue and changed stuff around over a year later? Open a new issue.
Comment #7
esmerel commentedComment #8
Andrey Zakharov commentedWhat the purpose to open same issue ticket? To close it as duplicate?
Issue is still here.
Comment #9
Andrey Zakharov commentedFound proper checkbox when editing reused layout in canvas settings:
Scale fluid widths for IE6
Comment #10
malbone commentedThis should be re-opened for version 7 as well. I see this is an OLD "will not fix." The problem is, it should only be affecting the widths, if and when IE6 is the browser. But it doesn't do that, it affects the widths of panels regions even if you are in the latest version of Chrome or Firefox or Safari. Thats why it should be an open issue.