Zoe M. Gillenwater wrote:
> However, gaps now appear to the left of paragraphs that follow
> floated images, and it looks like I need to apply a hack to the
> headings as well. Go to this page and make it really big (at least
> 1200 wide) to see all the gaps:
> <http://www.saferoutesinfo.org/guide/index.cfm?start=3&ITEM=SECTION&SECTION_ID=S387&CHAPTER_ID=C353>
Yes, as the other text-elements are also treated buggy by IE/win, and
these bugs are affecting the restyled paragraphs.
A more complete set...
* html #content p,
* html #content h1,
* html #content h2 {
display: inline;
zoom: 1;
padding: 1.2em 0;
}
#content .horizontal p,
#content .vertical p,
#content p.breadcrumb {display: block; padding: 0;}
...will line up better. You get the idea.
One limitation is that those paragraphs *must* be at least one full
line-width, or else the following headline may "float" up. I can see
that happen at around 2000px window-width with normal font-size in IE.
So, nowhere near a "perfect fix" yet, I'm afraid, but I think it'll work.
As a sidenote:
There seems to be a "conflict" between CSS2 and 2.1 for 'display:
table', and not all browsers are up to 2.1 yet.
#content {
display: table; /* establishes new block formatting context so that
clears within it won't clear nav column */
_margin: 0 20px 0 20px;
padding: 0 20px 0 20px;
_padding: 0;
background-color:#FFFFFF;
}
...will work better across browser-land. Just give IE/win your favorite
hack :-)
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
