CSS Sculptor and IE8

[caricatu310873]

Hello Folks,

Are there any issues with CSS Sculptor and IE8?

Regards,
Bill

[Ray Borduin]

None reported since the release. We have not finished official QA, but there aren't any we anticipate.

[caricatu310873]

None reported since the release. We have not finished official QA, but there aren't any we anticipate.

Good to know.

[steve361520]

Yes, there are.

My site looks perfect in IE 7, but when I upgraded to IE 8 this morning, one of my pages backgournd images does not display and the alignment of text in the top nav, footer, and left and right columns is screwed. Having said that, this is likely an IE issues rather than CSSS. When I click the Compatibility button in IE 8, my site looks cool again. This is a pain if your not a css coder.

Steve

[Ray Borduin]

Do you have a sample url where we can view the problem?

[RobertB]

I have not had any problems with about 12 sites I built with sculptor and IE8.

[steve361520]

Hi,

The url is

The site looks fine in IE 7 and IE 8 Compatibilty Mode, but IE 8 normal mode changes the alignment of text in the:

1. top nav div
2. left column div
3. right column div
4. footer div

and removes the right corner background image from the header div.

The only thing I have changed on this page is inserting an include file in each div, the code otherwise is pure CSS Sculptor - which has been my best friend up until now

Thanks
Steve

[steve361520]

Ahh...... its the <p> tags in my include pages that are causing the problem!

top.php

<p>Problem Here</p>

If I remove the <p> tags the text is aligned exactly where I want it. But surely the <p> tags are important? Am I missing something basis here?

The missing header image is still an issue, its just disappeared!

Thanks
Steve

[Justin Nemeth]

p tags render differently in the various browsers. This can be fixed by zeroing out all the properties of a p tag and explicitly defining how you want it to look. Try this:

p {
margin: 0 0 10px 0; /* assuming you want some bottom space after the p tag */
padding: 0;
}

[steve361520]

Thanks Justin, I will try this and comeback.

Steve

[steve361520]

Thanks Justin, it worked, but then you know that, cheers.

Steve