...

View Full Version : Big Problem with CSS in IE - please help



utahfishinginfo
07-17-2008, 07:30 AM
I have been searching for a solution for a long time, but can't seem to figure out how to fix this. Of course it works great in Firefox, but Internet Explorer is not displaying my site correctly.

The site is www.utahfishinginfo.com

The ads and css dropdown menus are being displayed underneath the main content text in IE. It looks fine in Firefox.

I've been trying to fix this for weeks and my users are sending me hate email now. :-) Can anyone help?

The stylesheet is located at:

http://www.utahfishinginfo.com/fishinginfo.css

Thanks in advance.

Kevin

effpeetee
07-17-2008, 08:12 AM
You need to validate your code.

See here. (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.utahfishinginfo.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0)

and here. (http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.utahfishinginfo.com%2Ffishinginfo.css&profile=css21&usermedium=all&warning=1&lang=en)

Frank

utahfishinginfo
07-18-2008, 06:07 AM
Thanks for the links to the validator. Ok, I now have 0 validation errors for the html, and the css has a couple insignificant warnings.

That actually did fix a float problem with the navigation column of links in the middle-left of the page.

However, the worst problem is still there -- the fact that the ad column on the right side is overlapping the main content.

Basically, the main content is overrunning the ads on the right. The main center div with the content (the div id='main') is supposed to be fluid, but fixed between the right and left columns. View the page in Firefox to see what I mean.

For some reason, IE is not displaying it like that.

html: www.utahfishinginfo.com

css: www.utahfishinginfo.com/fishinginfo.css
www.utahfishinginfo.com/iestyles.css


Help??

Thanks!

Kevin

utahfishinginfo
07-18-2008, 06:30 AM
Update:

I managed to figure out and fix the ad overlay issue.

The one last problem I now have (again, only in IE) is that the CSS dropdown menus are being displayed underneath the main content, making them mostly unusable.

Any ideas?
Thanks in advance.

effpeetee
07-18-2008, 10:24 AM
Update:

I managed to figure out and fix the ad overlay issue.

The one last problem I now have (again, only in IE) is that the CSS dropdown menus are being displayed underneath the main content, making them mostly unusable.

Any ideas?
Thanks in advance.
Have you tried using z-index to set the various layers in order of preference.

Check here for info. (http://www.w3schools.com/Css/pr_pos_z-index.asp)

Note: Z-index only works on elements that have been positioned (eg position:absolute; position:relative;)!



Frank

abduraooft
07-18-2008, 11:06 AM
#main-buttons
{
padding-top:1.1em;
max-width:225px;

}
IE can't recognise max-width property, so you need to add some work around like

* html #main-buttons{ /* for stupid IE*/
width:225px;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum