Weird IE6 compatibility problem. Help please

xplizit · 02-24-2008, 08:17 PM

i'm having a weird problem with my site and was wondering if anyone could have a look at my code to see if they can see where the problem is...

http://subcon-fusion.com

it looks fine in IE7 and FF (the menu is on the right at the top), but in IE6, the menu is at the very bottom of the page.

this is only the case for my index page. all the other pages (/dubstep.html, /hiphop.html, etc) are fine. i'm confused because the pages should all be exactly the same except for the main content since i just copied and pasted everything.
when i compare the code of index.html with the code of the other pages, everything looks the same for the menu part.

i tried putting the page through the w3 validator but it found hundreds of errors so i gave up.

any help will be much appreciated

thanks

_Aerospace_Eng_ · 02-24-2008, 08:23 PM

I don't know the fix for you because I don't really code for IE5 anymore but I can tell you that you can use conditional comments to feed a stylesheet to IE 5 only.

Are you sure you need to code for IE5? Have you checked your stats to see if any of the users use that browser?

And WHY are you using XHTML 1.1 without passing the application/xhtml+xml content type? If you have no idea what I'm talking about then you shouldn't be using XHTML 1.1. Try XHTML 1.0 Strict.

xplizit · 02-24-2008, 08:26 PM

aarrghh i meant IE6 sorry

xplizit · 02-24-2008, 08:30 PM

Quote:

Originally Posted by _Aerospace_Eng_

And WHY are you using XHTML 1.1 without passing the application/xhtml+xml content type? If you have no idea what I'm talking about then you shouldn't be using XHTML 1.1. Try XHTML 1.0 Strict.

i'm afraid i don't know what you're talking about. i used a template and only have a basic grasp of html and css :\

_Aerospace_Eng_ · 02-24-2008, 08:45 PM

You need to set a width to .main (531px should be okay) and float it to the left. Also change this

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

to this

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

You might have to adjust the width of .content as well.

xplizit · 02-24-2008, 09:47 PM

ok i've changed the doctypes but i have no idea what .main and .content are or where to find them. apologies for my noobness

edit - found .content in the css file but it's already at 531px. still can't find .main though.
are you sure that's what the problem is? if it was something in the css wouldn't all the pages be broken and not just index.html?

here's the css btw

_Aerospace_Eng_ · 02-24-2008, 10:41 PM

Well your source code has many coding errors but its likely you'll have no idea how to fix them. Also use this doctype instead.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Much of your code uses deprecated attributes. If you got paid for the template then I would ask for your money back. You can check your coding errors here.

xplizit · 02-24-2008, 11:20 PM

the template was free thankfully.

i posted this on another forum and someone's found a fix for my menu problem.
one of the images on my index page was wider than .content's 531px so it was overhanging the container so there was no room for .sidenav

thanks for the help anyway. i don't think i'll bother trudging through the validator's errors. as long as it shows up right in the main browsers i'm happy...