Forum Moderators: not2easy

Message Too Old, No Replies

#header tag not showing up in ie 8

         

zzwebe01

10:30 pm on Jul 27, 2010 (gmt 0)

10+ Year Member



I can't get my #header content to show up in IE 8. No problems in FF or Chrome. I'm sure this is a simple fix but any help would be great!

Here's the code:

<!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>Untitled Document</title>
<link href="_css/main.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">
<div id="header">Content for id "starter" Goes Here</div>
<div id="mainNav">Content for id "mainNav" Goes Here</div>
<div id="mainContent">Content for id "mainContent" Goes Here</div>
<div id="footer">Content for id "footer" Goes Here</div>
</div>

</body>
</html>


And my CSS:

#header {
background: #9C0;
height: 200px;
width: 800px;
position: absolute;
}

Major_Payne

3:24 am on Jul 28, 2010 (gmt 0)



You have position: absolute, but not controlling where exactly so it is in relation to the wrapper div. I see nothing wrong with the code where IE would give you a problem except this:

<link href="_css/main.css" rel="stylesheet" type="text/css" /> The path, "_css/main.css", hopefully is correct. I've used the "_" before in front of s folder name, but never checked wheter IE accepts it.

Might try setting the position where you want header using the CSS properties that go with the absolute positioning property.

zzwebe01

5:48 pm on Jul 28, 2010 (gmt 0)

10+ Year Member



Thanks for the help, it worked!

Major_Payne

1:43 pm on Jul 29, 2010 (gmt 0)



You're welcome. That is indeed good news. Thank you for letting me know.