IE not displaying DIVs correctly, or it might be me
Link: awp-tech.com
For some reason, IE will not display my webpage correctly... in Firefox and Opera, the page is fine, but in IE 6, the will show up underneath the . I must be doing something wrong, I know it... also, the page is ASP, and the source code for it is below:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>AwP-Tech.com - The Customized Computer Store!</title>
<link href="Files/CSS/global.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="holder">
<!-- This is the header, where the logo is -->
<div id="header">
<!--#include virtual="/Files/Includes/header.asp" -->
</div>
<!-- This is the main navigator -->
<div id="nav">
<!--#include virtual="/Files/Includes/nav.asp" -->
</div>
<div id="content">
<div id="breadcrumb"><a href="/index.asp">www.AwP-Tech.com</a> / <a href="/index.asp">Home</a> / </div>
<!--#include virtual="/Files/Includes/gallery.asp" -->
<div id="content_text">
<p>All of our systems are backed by a standard 1 year warranty</p>
<p>Our computers will suit your needs 100%</p>
<p>Free online Technical Support</p>
<p>Our prices are flexible - we can build a system for any budget.</p>
</div>
<!--#include virtual="/Files/Includes/xlinks.asp" -->
</div>
<!-- This is the start of the footer -->
<div id="footer">
<!--#include virtual="/Files/Includes/footer.asp" -->
<div class="brclear"></div>
</div>
</div>
</body>
</html>
Can anyone help me out with this? I just started, so please don't flame me for a sucky website or bad coding...
JeevesBond posted this at 18:49 — 5th June 2006.
He has: 3,956 posts
Joined: Jun 2002
Ewww, ASP.
Aside from my gripes about your choice of hosting/technologies, you wont get any flaming on this site (and if you do we'll delete it). As for the problem: Can't easily see anything wrong in your CSS. In my copy of IE (6 Win2K) the content is forced below the menu. This could be due to this line:
margin: 0 0 0 170px;
'In your #content div. Try reducing that 170px. You could also add z-index to your #content div and/or menu, making one simply sit on top of the other. There's some good information on z-index at: http://css.somepeople.net/zindex.
While that example uses position: absolute; you probably want position: relative; on your page.
Hope this helps
a Padded Cell our articles site!
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.