Display DIV Same Size (FF & IE)

**Dysan** · 06-12-2008 08:47 AM

hi, the following code displays a div 100x100 in Internet Explorer, but not in FireFox (108x108). How do I get it to display at 100x100 in both browsers?

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
body
{
  MARGIN: 18px;
  PADDING: 0px;
}

div
{
  WIDTH: 100px;
  HEIGHT: 100px;
  BORDER: 4px solid rgb(0,0,0);
}
</style>
</head>

<body>
<div></div>
</body>
</html>

**KDLA** · 06-12-2008 09:00 AM

Code:

<style type="text/css">
body
{
  MARGIN: 18px;
  PADDING: 0px;
}

div
{
  WIDTH: 92px;
  HEIGHT: 92px;
  BORDER: 4px solid rgb(0,0,0);
}
</style>
<!--[if lt ie 7]>
<style type="text/css">
body
{
  MARGIN: 18px;
  PADDING: 0px;
}

div
{
  WIDTH: 100px;
  HEIGHT: 100px;
  BORDER: 4px solid rgb(0,0,0);
}
</style>
<![endif]-->

Reference: http://www.positioniseverything.net/...s/multiIE.html

**Centauri** · 06-12-2008 09:33 AM

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

This is an incomplete doctype throwing IE into quirks mode so that it uses the incorrect box model. The proper version of this doctype should be

Code:

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

However, new pages should use a strict doctype as you are not transitioning from old code, and the strict version looks like:

Code:

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

Thread: Display DIV Same Size (FF & IE)

Thread Tools

Display

Display DIV Same Size (FF & IE)

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions