doctype problem

ebuoe · 07-13-2009, 04:53 PM

i have this problem,when i add a doctype statement to my websites,it works well in firefox but it is scattered in IE and opera

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

thanks for your help

Village Idiot · 07-13-2009, 05:15 PM

What do you mean scattered?

rguy84 · 07-14-2009, 05:40 AM

Are you using xhtml syntax vs html?

zxt3st · 07-14-2009, 07:13 AM

Quote:

Originally Posted by ebuoe

i have this problem,when i add a doctype statement to my websites,it works well in firefox but it is scattered in IE and opera

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

thanks for your help

I guess your using XHTML, but you didn't really specify what your problem is.

Scatter what? is it your layout?

ebuoe · 07-14-2009, 10:22 AM

i mean the whole layout is rearange and disfigured terribly,and i am using xhtml ,but why dosen't it affect firefox,what can i do to solve the problem

thanks

adamdecaf · 07-14-2009, 07:20 PM

Ah, a classic issue of IE modifying your design settings. Your doing nothing wrong it's just that Internet Explorer has horrible record of not being standards specific (FF isn't either but it's not required for this point).

You will have to create a different style sheet for each browser, everyone has to, sorry.

For a simple fix you could do something like this:

Code:

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="IE-override.css" />
<![endif]--> 
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="IE6-override.css" />
<![endif]-->

zxt3st · 07-15-2009, 06:11 AM

Is this solve already? or any other issue regarding this topic? If so, then let me add :)

Quote:

Originally Posted by adamdecaf

Ah, a classic issue of IE modifying your design settings. Your doing nothing wrong it's just that Internet Explorer has horrible record of not being standards specific (FF isn't either but it's not required for this point).

You will have to create a different style sheet for each browser, everyone has to, sorry.

For a simple fix you could do something like this:

Code:

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="IE-override.css" />
<![endif]--> 
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="IE6-override.css" />
<![endif]-->

Yummy! :)

Actually you can do 2 things here:

Quote:

1. Modify your css by using CSS standard specifications which are both supported by FF and IE. Refer here -> http://www.w3.org/Style/CSS/
2. You can create another stylesheet for IE users, the do the implementation above.

You can also refer to google search for your further queries regarding IE bugs on CSS.

IE CSS BUGS

Goodluck!