From: Daniel Kessler <[EMAIL PROTECTED]>

>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 PROTECTED]
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/

Reply via email to