I need a little guidance.. [CSS]

[private_ale]

Hello,

I have been reluctant to seek outside guidance, but after being kicked by this for the last several days I am out of options..

I am creating a new style for my community, for the most part I am doing fine, however my new footer is fighting me. It displays correctly in Google Chrome, Chromium, Safari, Firefox and Opera, however it does not display correctly in Internet Explorer (7+).

Here's the thing though: the footer displays correctly in Internet Explorer when it is a plain HTML document, it only becomes malformed when I attach it to the vBulletin footer template. This leads me to believe that there is a conflict somewhere in the CSS, however when viewing the source using Internet Explorer's Developer Tools, I honestly see no conflicts or differences when compared to the HTML-only document.

For reference, I will include some helpful items..

This is a link to the development board.
Please view it in both Google Chrome, Chromium, Safari, Firefox and/or Opera, and then once in Internet Explorer (7+ please).

http://dr-ia2hl5wli.beercandle.info/index.php

This is a link to the plain HTML footer, not attached to the vBulletin template system.
This should display correctly in both Internet Explorer and Google Chrome, Chromium, Safari, Firefox and/or Opera.

http://dr-ia2hl5wli.beercandle.info/footer/index.html

You can view the source of the plain HTML document to see the CSS and general structure.

If anyone can provide any insight, I would truly appreciate it.

I have attached two images for reference; the first is not using Internet Explorer, the second is using Internet Explorer.

[DataHero]

The links you've provided are .htaccess protected, so I cannot access them.

Are you sure you have no clear attribute in the CSS in any selector beside that of the last one, and are you certain all elements in there are floated?

You might also want to add an http-equivalent tag to force IE into using standards of IE version XX, just to ensure it'll display fine in all of them.

<meta http-equiv="X-UA-Compatible" content="IE=8" />

But, if you could either get rid of the protection for a while or provide access information in order to check the site, I'd be glad to help you should the suggestions above not help.

[Lynne]

Originally Posted by DataHero

Are you sure you have no clear attribute in the CSS in any selector beside that of the last one, and are you certain all elements in there are floated?

Float could be the problem. If I recall, you have to jump through a few hoops to get float to work correctly in IE7.