Description
I spent hours searching through Marinelli Issues, Views Issues, and online forums, and I've never seen this problem posted. Any help that you can give me would save me from bashing my head into my monitor. I love this Theme. It's glorious.

Site: http://www.somethingyoushouldtest.com
Browser with issue: Internet Explorer 7 (IE 8, Chrome, Firefox don't express the bug)

Issue:

Only in Internet Explorer 7, my frontpage view displays the Node Title Field and Node Link Field vertically running down the right side of the Node Teaser. In Internet Explorer 7, the first and last node on the frontpage view look fine. All the nodes in between the top and bottom teasers have the problem.

In Internet Explorer 8, Chrome and Firefox, the Node Link and Node Title Fields look great.

I put in every CSS fix I knew of that fixes commons IE problems (e.g., CSS box model, display: block, text-align: in the body), and I can't get it to correct itself. The guys at the Views module think this is a Marinelli issue, not a Views issue.

I know that most web developers hate Internet Explorer to begin with, but I would deeply appreciate any help you can offer on this issue. IE 7 still has about 18-percent of the market share.

You can how I have the CSS files by clicking on the links.

http://www.somethingyoushouldtest.com/sites/all/themes/marinelli/layout.css
http://www.somethingyoushouldtest.com/sites/all/themes/marinelli/style.css
http://www.somethingyoushouldtest.com/sites/all/themes/marinelli/links.css
http://www.somethingyoushouldtest.com/sites/all/themes/marinelli/graphic...

I've attached a screen shot of
•The display issue in IE 7
•The display looking fine in IE 8, Chrome, and Firefox
•My views setup for frontpage

Any help that you can provide would be so much appreciated.

Sincerely,
Kevin

CommentFileSizeAuthor
Frontpage-View-Setup.jpg146.38 KBteagish
IE7-with-display-issues.jpg230.87 KBteagish
Firefox-without-any-display-issues.jpg294.24 KBteagish

Comments

teagish’s picture

teagish commented
Status: Active » Fixed

I fixed it! Thanks to this great website dedicated to IE bugs: http://haslayout.net

Basically, the Views module was generating CSS classes that my Marinelli theme stylesheet didn't account for. Firefox and Chrome and IE8 handle classes without a layout defined. But IE7 and older IE browsers couldn't handle having a class without a specified layout.

The certain classes (.field-content specifically) needed layout, so I gave them:

.field-content {
padding: 0;
margin: 0;
overflow: hidden;
}

and viola! Fixed.

teagish’s picture

teagish commented
Status: Fixed » Closed (fixed)
teagish’s picture

teagish commented
Assigned: Unassigned » teagish