CSS Forum

**Chris_123K** · 10-04-2010, 12:34 PM

Hello!

Thanks for reading this newbie post.

I have two very very similar sites:

http://www.beijinggatewayacademy.com/user

(The first one I made - which works in IE)

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 
<link rel="shortcut icon" href="/sites/default/files/conch_favicon_0.gif" type="image/x-icon" /> 
 
  <title>admin | Beijing Gateway Academy</title> 
  <link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/admin_menu/admin_menu.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/modules/node/node.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/defaults.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system-menus.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/modules/user/user.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/cck/theme/content-module.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/date/date.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/date/date_popup/themes/datepicker.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/date/date_popup/themes/timeentry.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/dhtml_menu/dhtml_menu.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/filefield/filefield.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/img_assist/img_assist.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/calendar/calendar.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/misc/farbtastic/farbtastic.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/cck/modules/fieldgroup/fieldgroup.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/views/css/views.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/conch/css/reset.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/conch/css/grid.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/conch/css/typography.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/conch/menu/cssmenu/cssmenu.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/conch/css/blue-style.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/conch/css/custom.css?h" /> 
  <!DOCTYPE HTML> 
 
 
  <script type="text/javascript" src="/misc/jquery.js?h"></script> 
<script type="text/javascript" src="/misc/drupal.js?h"></script> 
<script type="text/javascript" defer="defer" src="/sites/all/modules/admin_menu/admin_menu.js?h"></script> 
<script type="text/javascript" src="/sites/all/modules/dhtml_menu/dhtml_menu.js?h"></script> 
<script type="text/javascript" src="/sites/all/modules/img_assist/img_assist.js?h"></script> 
<script type="text/javascript" src="/sites/all/themes/conch/js/jquery.cycle.all.js?h"></script> 
<script type="text/javascript" src="/sites/all/themes/conch/js/supersleight.js?h"></script> 
<script type="text/javascript" src="/sites/all/themes/conch/js/custom.js?h"></script> 
<script type="text/javascript" src="/sites/all/themes/conch/menu/cssmenu/cssmenu.js?h"></script> 
<script type="text/javascript"> 
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/", "admin_menu": { "margin_top": 1 }, "dhtmlMenu": { "slide": "slide", "siblings": "siblings", "doubleclick": "doubleclick", "relativity": 0, "children": 0, "clone": 0 }, "googleanalytics": { "trackOutgoing": 1, "trackMailto": 1, "trackDownload": 1, "trackDownloadExtensions": "7z|aac|avi|csv|doc|exe|flv|gif|gz|jpe?g|js|mp(3|4|e?g)|mov|pdf|phps|png|ppt|rar|sit|tar|torrent|txt|wma|wmv|xls|xml|zip" } });
//--><!]]>
</script> 
<script type="text/javascript"> 
<!--//--><![CDATA[//><!--
window.google_analytics_uacct = "UA-10987136-2";
//--><!]]>
</script> 
 
<script type="text/javascript"> 
$(function() {
        $('#my-calendar td').hover(function(){
               $(this).addClass('over');
        }, function() {
               $(this).removeClass('over');
        });
});
</script> 
 
  <!--[if IE]>
    <link rel="stylesheet" href="/sites/all/themes/conch/css/ie.css" type="text/css" />
  <![endif]--> 
  <!--[if IE 6]>
    <link rel="stylesheet" href="/sites/all/themes/conch/css/ie6.css" type="text/css" />
    <script type="text/javascript" src="/sites/all/themes/conch/js/supersleight.js"></script>
  <![endif]--> 
  <!--[if IE 7]>
    <link rel="stylesheet" href="/sites/all/themes/conch/css/ie7.css" type="text/css" />
  <![endif]--> 
</head>

http://www.learn-mandarin.net

(The second, essentially a copy - but it does not work in IE)

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 
<link rel="shortcut icon" href="/sites/default/files/conch_favicon_0.gif" type="image/x-icon" /> 
 
  <title>admin | Beijing Gateway Academy</title> 
  <link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/admin_menu/admin_menu.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/modules/node/node.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/defaults.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system-menus.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/modules/user/user.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/cck/theme/content-module.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/date/date.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/date/date_popup/themes/datepicker.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/date/date_popup/themes/timeentry.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/dhtml_menu/dhtml_menu.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/filefield/filefield.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/img_assist/img_assist.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/calendar/calendar.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/misc/farbtastic/farbtastic.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/cck/modules/fieldgroup/fieldgroup.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/views/css/views.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/conch/css/reset.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/conch/css/grid.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/conch/css/typography.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/conch/menu/cssmenu/cssmenu.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/conch/css/blue-style.css?h" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/conch/css/custom.css?h" /> 
  <!DOCTYPE HTML> 
 
 
  <script type="text/javascript" src="/misc/jquery.js?h"></script> 
<script type="text/javascript" src="/misc/drupal.js?h"></script> 
<script type="text/javascript" defer="defer" src="/sites/all/modules/admin_menu/admin_menu.js?h"></script> 
<script type="text/javascript" src="/sites/all/modules/dhtml_menu/dhtml_menu.js?h"></script> 
<script type="text/javascript" src="/sites/all/modules/img_assist/img_assist.js?h"></script> 
<script type="text/javascript" src="/sites/all/themes/conch/js/jquery.cycle.all.js?h"></script> 
<script type="text/javascript" src="/sites/all/themes/conch/js/supersleight.js?h"></script> 
<script type="text/javascript" src="/sites/all/themes/conch/js/custom.js?h"></script> 
<script type="text/javascript" src="/sites/all/themes/conch/menu/cssmenu/cssmenu.js?h"></script> 
<script type="text/javascript"> 
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/", "admin_menu": { "margin_top": 1 }, "dhtmlMenu": { "slide": "slide", "siblings": "siblings", "doubleclick": "doubleclick", "relativity": 0, "children": 0, "clone": 0 }, "googleanalytics": { "trackOutgoing": 1, "trackMailto": 1, "trackDownload": 1, "trackDownloadExtensions": "7z|aac|avi|csv|doc|exe|flv|gif|gz|jpe?g|js|mp(3|4|e?g)|mov|pdf|phps|png|ppt|rar|sit|tar|torrent|txt|wma|wmv|xls|xml|zip" } });
//--><!]]>
</script> 
<script type="text/javascript"> 
<!--//--><![CDATA[//><!--
window.google_analytics_uacct = "UA-10987136-2";
//--><!]]>
</script> 
 
<script type="text/javascript"> 
$(function() {
        $('#my-calendar td').hover(function(){
               $(this).addClass('over');
        }, function() {
               $(this).removeClass('over');
        });
});
</script> 
 
  <!--[if IE]>
    <link rel="stylesheet" href="/sites/all/themes/conch/css/ie.css" type="text/css" />
  <![endif]--> 
  <!--[if IE 6]>
    <link rel="stylesheet" href="/sites/all/themes/conch/css/ie6.css" type="text/css" />
    <script type="text/javascript" src="/sites/all/themes/conch/js/supersleight.js"></script>
  <![endif]--> 
  <!--[if IE 7]>
    <link rel="stylesheet" href="/sites/all/themes/conch/css/ie7.css" type="text/css" />
  <![endif]--> 
</head>

Sorry for posting so much code here - I don't know where the problem is.

Chrome, Safari handles it like a charm but there is a crash when opened with Internet Explorer.

Please, I will be eternally grateful if you could point me in the right direction.

I have exhausted all ideas (probably because I am new at this still).

Thanks for your time!

Chris

**LadynRed** · 10-04-2010, 03:10 PM

What VERSION of IE?

**Crimson** · 04:45 PM

That is a lot of <LINK> tags! But that's not necessarily a bad thing, just unusual

Just looking at the code here, I see you have two <!DOCTYPE> tags, one at the start and one in the middle of your code. Try removing the second one and see if that helps.

The other thing is you have some conditional code at the bottom that loads certain stylesheets and scripts in certain versions of IE, one of those might be the issue.

**Chris_123K** · 10-04-2010, 11:02 PM

LadyNRed - IE 7

Crimson - Hehe, I know! The <LINK> tags are all Drupal's additions.

I actually added the second !DOCTYPE (in the second site) after I compared the two sites and realized that the first one had another one in that position.

Thanks so much for your time guys

**Chris_123K** · 10-04-2010, 11:37 PM

Fixed! My friend looked through it all and helped me spot a rouge " in the css!

sorry to have wasted your time!

**edgray** · 10-05-2010, 04:34 AM

that's a serious amount of CSS files you've got going on there...