Make container overflow its parent without making the parent bigger in IE 6?

The issue I see in IE6 is that the sub-content and sidebar are in the wrong place, horizontally. Try making a minimal test case and compare your structure and styling to the Holy Grail structure and styling. One difference is you've swapped the left and right columns ( sidebar should come before sub-content ).

Fix that to start.

Up vote 1 down vote favorite share g+ share fb share tw.

I used the three column layout in A List Apart's "In Search of The Holy Grail" article for a store I'm working on that uses Magento. Inside the middle column, at the top, there's a container that I would like to overflow so it extends outside the middle column and goes over the top of the right column. Like below.

_______________________________ | | | | | Middle/Top | |Left |_______________________| | | | | | | Middle/Main |Right| |_____|_________________|_____| The way I've got it works fine in all modern browsers, but in IE 6 the overflowing Middle/Top section causes the width of the Middle/Main section to expand an contain it. Does anyone know of a way to fix this? Css internet-explorer-6 overflow visible link|improve this question edited Feb 12 '10 at 19:44wallyk19.6k11232 asked Feb 12 '10 at 19:38Jonnie466 71% accept rate.

Off the top of my head I would think using z-index would allow this. Can you post your markup / css? – KP.

Feb 12 '10 at 19:40 If you can't find a cross browser solution, consider using conditional comments to selectively include a IE only CSS file. – voyager Feb 12 '10 at 19:46 @KP Here's what I'm working with dev.baseballtips.com/magento132/bats/bar... – Jonnie Feb 12 '10 at 19:56 thats not really the structure im seeing in your link. I mean visually it is but markup-wise its not... can you ammend the link in your comment to your actual question and update the arbitrary names with the id's/classes used in that link?

– prodigitalson Feb 12 '10 at 20:32.

The issue I see in IE6 is that the #sub-content and #sidebar are in the wrong place, horizontally. Try making a minimal test case and compare your structure and styling to the Holy Grail structure and styling. One difference is you've swapped the left and right columns (#sidebar should come before #sub-content).

Fix that to start.

Thanks outis, I didn't even realize I did that. I'll fix that and see what problems are still occuring. – Jonnie Feb 15 '10 at 16:00.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.