Xhtml?

[Debt.tv]

Alright I designed my site on Dreamweaver and I used xhtml and the dreamweaver validator. NO ERRORS! But now I open the site on my browser at home and it looks fine (IE7). I copied all my files on a cd and took it to work and put it into the identical file on my work computer and now IE6 at work made it look wierd. Sizes were all off. I used the DOCTYPE at the top of the page and I used css that gave many options for font type and ....... I can go on.

I used ctrl/scroll at work and it really made the sizes look even more off. I do the same thing at home on IE7 and it just makes me have to scroll to the right to see the entire page. I built the site using (px) not (%) or (em). I don't want people to be able to change the sizes because it will make the page look funny.

Does anyone have an idea for what I may have gone wrong?

 

[thekooliest]

A lot of time IE6 (and all versions of internet explorer) can be a tuffy. Usually the best bet is to add another style sheet for the IE's...It could look something like this:

<link href="css/main.css" rel="stylesheet" type="text/css" /> 
<!--[if IE 8]><link href="css/ie8.css" rel="stylesheet" type="text/css" /><![endif]--> 
<!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" type="text/css" /><![endif]--> 
<!--[if IE 6]><link href="css/ie6.css" rel="stylesheet" type="text/css" /><![endif]-->

Make sure the if statements are below the actual css or else it won't overwrite. Let me know if I didn't explain that well, still tired :P

 

[Debt.tv]

A lot of time IE6 (and all versions of internet explorer) can be a tuffy. Usually the best bet is to add another style sheet for the IE's...It could look something like this:

<link href="css/main.css" rel="stylesheet" type="text/css" /> 
<!--[if IE 8]><link href="css/ie8.css" rel="stylesheet" type="text/css" /><![endif]--> 
<!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" type="text/css" /><![endif]--> 
<!--[if IE 6]><link href="css/ie6.css" rel="stylesheet" type="text/css" /><![endif]-->

Make sure the if statements are below the actual css or else it won't overwrite. Let me know if I didn't explain that well, still tired :P

That might fix all my problems. I will let you know!! Thank you!

 

[thekooliest]

 

[Debt.tv]

Yeah, I have an issue under programming with a space on top inline menu. There is a space for IE 6, 7 and 8 but for Opera, Firefox and Crome the space is gone (which is what I want). the IE style sheet will help with that because I can adjust the position:relative.

Thanks

 

[Rom]

Try adding overflow:hidden in the top inline menu.

 

[Debt.tv]

Ok, the IE script helped fix the space but what about the "lost padding" in the inline top menu when I hold [ctrl] + scroll to resize the page only in IE. See my original question inside the programming forum.