MyBB Community Forums

Full Version: (X)HTML Firefox Help
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi,

I'm having problems with FireFox, this even works in IE(!)

As shown in ff.png attatchment [attachment=17257],

the logo header bit goes lower and I have no idea why, it should like the other attatchment which is in chrome but works in all other browsers.

[attachment=17258]

Anyone know why?

<!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>Company Name - Portal Home</title>
<link rel="stylesheet" type="text/css" href="templates/portal/reset.css" />
<link rel="stylesheet" type="text/css" href="templates/portal/global.css" />
<script type="text/javascript" src="includes/jscript/jquery.js"></script>
</head>
<body>
<div class="wrapper">
	<div id="header">
    <h1><a href="/">link</a></h1>

	<ul id="global_menu"><li><a href="index.html">Home</a></li><li><a href="page.html" class="active">Page</a></li>
    <li><a href="#why">Why us?</a></li><li><a href="#why">Billing</a></li><li><a href="#why">Contact</a></li></ul>
    <div id="member_panel">Please <a href="clientarea.php" title="Login"><strong>Login</strong></a> or <a href="register.php" title="Register"><strong>Register</strong></a></div>
  </div>

<div id="content">
	<div class="single box">

Any help would be so much appreciated, reply or pm if you'd like full code, link to site or MSN etc, thanks for anyone attempting to help!
Umm, can we get the css? And, why no link?
Generally, Firefox is more W3-compliant than IE. Which version of IE did you compare with which version of Firefox? Does your web server properly serve up the page as XHTML?
I want to guess that it has something to do with the differences in the default margin and padding of the <html> and <body> tags between FF and IE. Try adding "margin:0px; padding: 0px;" to the html and body tag CSS.
Make sure the extension is .xhtml, as xhtml is displayed as normal html otherwise in Firefox.