I finally figured out how to achieve the look of what used to be floated
divs, centered in a page (when I don't know the width of the parent div).
Right now, I'm using a wrapper div with a display:table and an inner
wrapper div with a display:table-row. The colored boxes for the movie
On Jan 22, 2006, at 4:33 PM, John Haas wrote:
I finally figured out how to achieve the look of what used to be
floated divs, centered in a page (when I don't know the width of
the parent div).
Right now, I'm using a wrapper div with a display:table and an
inner wrapper div with a
On 1/22/06, John Haas [EMAIL PROTECTED] wrote:
I'm aware that this is an issue in IE, however, but I can't seem to find
a solution or hack to get it to work. The fix is located at:
http://archivist.incutio.com/viewlist/css-discuss/42280
Hoping someone knows how to get this to look correct.
Hrmmm -- you mentioned you don't know the width of the parent div;
but I assume you know the width of the centered div.
Is there a reason you're not using the following:
div id=centeredSome content.../div
#centered { width: 600px; margin: 0 auto; }
This will work regardless of the
Apparently the IE fix is to apply text-align:center where you have
display:table and display:inline-block where you have
display:table-row. Obviously, behind a conditional comment or hack.
Did you try that?
Yes, the hack I have in my CSS now is::
body.home #features_table {
display:table;
On 1/22/06, John Haas [EMAIL PROTECTED] wrote:
/* IE/Mac \*//*/
body.home #features_table {
display: block;
margin: 1em 0;
text-align: center;
}
body.home #features {
display: inline-block;
width: 1px;
white-space: nowrap;
}
/**/
But this only applies to IE
And come to think of it, I'm pretty sure you want to apply
display:inline-block to #features div, not #features.
I tried that as well, it didn't work either.
Well, here's what I have now, still not working, as you can see in IE.
http://stg.participate.net
body.home #features_wrap {