I have 3 divs creating a 3 column site. I need for the div which contents the content of the site to have the ability to expand to fit whatever content is entered. Therefore, i have something like this.
Since Min-Width is useless in IE. Is there a way to get a div to expand to fit the content? I need this div to default to 620px but if the content is larger it needs to expand. In IE the only way i can get this div to default to 620px is to set a fixed width on it. But when i do so, and the content is larger then 620px it does not push the div out rather it sits on top of it with the content flowing past the right border.
Perhaps you may need to apply floating (or inline-block) styles to #sideBars and #content to get them to appear on the same line as each other. If I do this:
<div style="min-width: 150px;">
Then that div is still going to have a width of auto and take up the entire width of it's parent unless you apply other styles to it, such as display: inline-block which means it will wrap the width of it's widest content, and, if it's smaller than 150px, the container will then be set to 150px wide.
Last edited by aj_nsc; 04-25-2012 at 01:24 PM.
I've switched careers...
I'm NO LONGER a scientist,
but now a web developer...