CODEWITHSUNDEEP
htmlcss
wilwaldon
wilwaldon

Reputation: 381

IE7 text align issue

http://wilwaldon.com/ie7sucks/

If you view this page in anything but IE7 you will see that the spotlight area text is displayed in a column on the right of the image.

For some reason it's not showing as a column and I have no idea why.

Any help would be greatly appreciated and I'd owe you my first born.

Thank you in advance.

Upvotes: 1

Views: 740

Answers (3)

Jamie
Jamie

Reputation: 1361

yeah pressing f12 is a huge help with IE;

.onecolumnright p{
    margin-bottom: 25px;
    color: #333;
    font-size: 16px;
    width: 50%;
}

Upvotes: 1

user236454
user236454

Reputation:

You've got some CSS that isn't supported by IE7 (and earlier):

.spotlightbox p { display: table-cell; }

Try replacing that with this, and tweak the width as you like:

.spotlightbox p { width: 160px; }

I tested this at Adobe BrowserLab in Internet Explorer 7.0 and it seems to do the trick.

Upvotes: 1

Felan
Felan

Reputation: 1273

Using the developer tools if I got rid of the width: 100% from .onecolumnright P it fixed the problem. Though I'm looking at it using IE 8 in compatibility mode.

Upvotes: 0

Related Questions