PDA

View Full Version : Content Div expanding in IE7. I don't know why.

Pepe, the bull
04-23-2007, 10:29 PM
I maintain a website for the school where I work. For some reason when I load the home page in IE7 the 20px margin of the frame div isn't there on the left side. Any ideas why? I can't seem to figure it out. If I set a width that is really small on the content div, it goes away, but it looks a little funny to me. Any suggestions would help. Thanks.

Link to Home Page (http://www.ridge.k12.wa.us/schools/rhs/)
Excavator
04-24-2007, 01:04 AM
Hello Pepe,
See if this fixes it for you - delete the lines in red:
<!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"><!-- InstanceBegin template="/Templates/main_rhs.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ridgefield High School</title>
<link href="_images/favicon.ico" rel="shortcut icon" />
<link href="_css/base.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
@import url(_css/base.css);
-->
</style>
<!-- InstanceBeginEditable name="Head" -->
<style type="text/css">
<!--
/* global navigation link */
#gnhome {background-color:#ff9933;color:#ffffff;}
/* navbar active link */
#navbar a#home {font-weight:bold;color:#ff0000;text-decoration:none;}
/* navbar menus */
/* document css */
.red {color: #FF0000;font-weight:bold;}
#content{margin:30px 250px 20px 250px;}
-->
</style>
<!-- InstanceEndEditable -->
</head>

There are also plenty of things the validator finds that you can fix: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.ridge.k12.wa.us%2Fschools%2Frhs%2F