TalkPHP

TalkPHP (http://www.talkphp.com/forums.php)
-   XHTML, HTML, CSS (http://www.talkphp.com/xhtml-html-css/)
-   -   doctype problem (http://www.talkphp.com/xhtml-html-css/4728-doctype-problem.html)

ebuoe 07-13-2009 04:53 PM

doctype problem
 
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 (Post 26960)
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 (Post 27002)
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!


All times are GMT. The time now is 02:28 AM.

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0