Sent by Holly Bergevin on 6 October 2008 15:03
From: Daniel Kessler [EMAIL-REMOVED]>
>That worked for the one bit of text. However, oddly, it created a
>couple of pixel gap across the right side of the page. It only shows
>up on one of the URLs:
>http://sph.umd.edu/events/wellness2/about_acupuncture.html
>Additionally, if I delete the top half of the content, the gap goes
>away. Very odd. I didn't see
>
>The solution wasn't what I expected.
The width you had added to #content triggered 'haslayout' [1] in IE6, contributing to the problem
you were having. There were probably other ways to ultimately fix the problem, but what I suggested
may reduce other potential problems as well.
Now, if that solution wasn't what you expected, neither will the next one be expected. The issue
you're seeing in IE6 with the expanded content on -
http://sph.umd.edu/events/wellness2/about_acupuncture.html - is the result of a bug due to the
content you have emphasized (em element) [2].
One solution you can try, that should fix things up is to add a small negative margin on the right
side of your content. I didn't check this on other pages, only the acupuncture one, so you'll need
to test it out.
Change the declarations in your content selector, again -
#content {
padding : 10px 15px 60px 0;
min-height:445px;
margin-left: 180px;
margin-right: -3px; /* add this */
}
and you should see the space disappear.
~holly
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
[2] http://www.positioniseverything.net/explorer/italicbug-ie.html - Bruno's explanation and
suggestions
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
