Style sheet compatabliity with IE and Firefox

edwinw

I have a style sheet that is tweeted for Firefox, but the IE layout is off.

Is there a way to design a style sheet that is tweeted for both IE and Firefox?

NogDog

Start by making sure that the very first line of the HTML output is a valid, fully qualified doctype declaration (no empty lines/spaces before it and no <?xml?> tag). This will get IE out of "quirks mode" and greatly increase the chances that you will not have to do anything to make IE look the same as FF (assuming your [X]HTML is valid and the CSS is valid).

If that still leaves you with IE problems, then you can look into using IE conditional comments to tweak the CSS for IE.

edwinw

Below is my header text, is that ok?

<?php
session_start();
error_reporting(0);
require_once('inc/mysql.class.php');
require_once('inc/global.inc.php');
//if(isset($_SESSION['check'])) {
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Combermere School - Old Scholars Association</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="js/js.js"></script>
<link href="calender/Stylesheets/dhtmlgoodies_calendar.css" rel="stylesheet" type="text/css" />
<script src="calender/JavaScript/dhtmlgoodies_calendar.js" type="text/javascript"></script>

<style type="text/css">
<!--
.style2 {
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
	font-style: italic;
}
-->
</style>
</head>

NogDog

You might want to move the <!DOCTYPE up so it immediately follows the ?> tag (with no space). Also make sure that the two include files do not output anything. I find it useful to omit the closing ?> tag in my include files to make sure I don't accidentally output a trailing newline at the end of the include file (PHP will automatically assume the final ?> is there if you leave it out).