Div width Chrome vs IE

R

rwrogers11

New Member
I've been trying to get my wrapper div width to match up, when I line up chrome and IE, but IE seems to be about 3/4" short.

I'm using IE9 and Chrome 13.0.782.215 m

I've setup just a plain page, with nothing but a simple div, with a width and background color.

I'm using Doctype:

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


I've tried other doctypes but none seem to make a change.

I've also tried a css reset,
html5doctor.com Reset Stylesheet
v1.6.1

Here is the code for the page;


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

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/reset.css">

<title>Test</title>


</head>
<body>
<div id="wrap" style="width:800px; background:yellow;">test</div>

</body>
</html>

So can anyone tell me how to get the div width to match up? I open this up in IE and in Chrome, line them up on the left side and there is about 3/4" difference on the right side.

Thanks,

Richard
 
D

DesignerBill

Member
I don't know what's causing the behavior you are seeing. I tried your html on IE 8, IE 9, Opera 11.50, Chrome 13.0.782.215 m, and Firefox 6.0, except I didn't have access to the reset stylesheet, and the yellow div width was exactly the same in all cases.
 
You must log in or register to reply here.
Top