CODEWITHSUNDEEP
cssinternet-explorerhtmlheader
Jeroen
Jeroen

Reputation: 45

fiddle working, real page not in IE9

I have a problem, but I'm not sure why:p I'm trying to make an online form, and I have been having some problems with the css implementation in IE9. So far my page is working (the divs are displaying as in-line block) in chrome, but not IE9. However, when I put the exact same code in fiddle, it also works in IE9 http://jsfiddle.net/XuD6j/1/

This makes me think that I might have some possible problem in the header. This is what it looks like at the moment:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

<html>
<head>
<title> Registratieformulier Peuters</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="generator" content="syn">
<style type="text/css"></style>
<link href="http://www.doenwatikkan.nl/jeroen/style.css" type="text/css" rel="stylesheet" media="screen">
<link href="http://www.doenwatikkan.nl/jeroen/print.css" type="text/css" rel="stylesheet" media="print">
</head>

If you have any ideas please let me know, also if you think the problem can't be in the header, but should be somewhere else. thanks in advance!

Upvotes: 0

Views: 98

Answers (2)

Liam
Liam

Reputation: 29714

your doctype looks wrong, this is probably forcing IE into quirks mode, try:

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

as recommended by http://www.quirksmode.org/css/quirksmode.html

Update

It's defo a quirks mode issue, press F12 and look at the Browser mode. Your code appears to render the below in the header which I think is the issue:

Notice: Undefined index: route in /home/doenwa01/domains/doenwatikkan.nl/public_html/jeroen/verwerking.php on line 7

Notice: Undefined index: ID in /home/doenwa01/domains/doenwatikkan.nl/public_html/jeroen/verwerking.php on line 8
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

More updates

your source now seems to contain two doctypes:

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


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

<html>

<head>

if you load you page and click view source you'll see the issue, basically you want to end up with:

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

Upvotes: 3

Daniel Imms
Daniel Imms

Reputation: 50189

I think it's your doctype, currently it's commented out and in the wrong place. Quirks mode is forced when you don't have a doctype (in the correct place).

You want it at the very top of the page, this is the HTML5 doctype

<!DOCTYPE html>

EDIT: You have some errors at the top of your page, if you remove them it should work fine.

<!-- Created: 01-23-09 13:49:39 by R.Haenbeukers -->



Notice: Undefined index: route in /home/doenwa01/domains/doenwatikkan.nl/public_html/jeroen/verwerking.php on line 7

Notice: Undefined index: ID in /home/doenwa01/domains/doenwatikkan.nl/public_html/jeroen/verwerking.php on line 8
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>

Upvotes: 2

Related Questions