R
Raymond Rodgers
Hi folks,
I'm experiencing a problem in IE6 where all the content on
a page
created with style sheets and organized with div tags is
rendered as a
single black box
(http://bbnk.dhs.org/~rrodgers/ie6_css_problem.jpg). The page
renders normally in Mozilla and Firefox
(http://bbnk.dhs.org/~rrodgers/mozilla1-5.jpg), and I
verified both the html and CSS on the W3C web
site as being correct.
I looked through Microsoft's support documents but
couldn't find any
information on what might be causing this to occur. I'm
experiencing it
on multiple computers with IE6, on Windows 2000 and Windows
XP. The
style sheet is currently "linked" into the page, but I also
see it if I
include the CSS tags directly in the document.
The stylesheet contents are:
body {background: white;}
P {text-indent: .5in; color: blue}
..tools_div {border: solid thin; padding: 5px; position:
absolute; width:
20%; bottom: 2%; top: 2%; left: 2%; overflow: auto}
..tools_div A:link {color: green;}
..tools_div A:active {color: red;}
..tools_div A:visited {color: blue;}
..main_div {border: solid thin; padding: 5px; position:
absolute; top:
2%; right: 2%; bottom: 2%; width: 73%; overflow: auto}
..body_div {position: absolute; border: solid; top: 2%;
bottom: 2%;left:
2%; right: 2%}
The web page's contents are:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>jan lottery</title>
<link rel=stylesheet href="ssheet.css" type="text/css">
</head>
<body>
<div class="body_div">
<div class="tools_div">
<ul>
<li><a href="terms.php">Terms</a><br>
<li><a href="goals.php">Goals</a>
<li><a href="link">link</a>
</ul>
</div>
<div class="main_div">
<p>java applet appears below</p>
<applet>[Cut out as it's irrelevent]</applet>
</div>
</div>
</body>
</html>
Any ideas? I would appreciate direct e-mails more than a
posting back to the newsgroup. (Remove the ".nospam" from
my e-mail address though.)
Thank you!
Raymond
I'm experiencing a problem in IE6 where all the content on
a page
created with style sheets and organized with div tags is
rendered as a
single black box
(http://bbnk.dhs.org/~rrodgers/ie6_css_problem.jpg). The page
renders normally in Mozilla and Firefox
(http://bbnk.dhs.org/~rrodgers/mozilla1-5.jpg), and I
verified both the html and CSS on the W3C web
site as being correct.
I looked through Microsoft's support documents but
couldn't find any
information on what might be causing this to occur. I'm
experiencing it
on multiple computers with IE6, on Windows 2000 and Windows
XP. The
style sheet is currently "linked" into the page, but I also
see it if I
include the CSS tags directly in the document.
The stylesheet contents are:
body {background: white;}
P {text-indent: .5in; color: blue}
..tools_div {border: solid thin; padding: 5px; position:
absolute; width:
20%; bottom: 2%; top: 2%; left: 2%; overflow: auto}
..tools_div A:link {color: green;}
..tools_div A:active {color: red;}
..tools_div A:visited {color: blue;}
..main_div {border: solid thin; padding: 5px; position:
absolute; top:
2%; right: 2%; bottom: 2%; width: 73%; overflow: auto}
..body_div {position: absolute; border: solid; top: 2%;
bottom: 2%;left:
2%; right: 2%}
The web page's contents are:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>jan lottery</title>
<link rel=stylesheet href="ssheet.css" type="text/css">
</head>
<body>
<div class="body_div">
<div class="tools_div">
<ul>
<li><a href="terms.php">Terms</a><br>
<li><a href="goals.php">Goals</a>
<li><a href="link">link</a>
</ul>
</div>
<div class="main_div">
<p>java applet appears below</p>
<applet>[Cut out as it's irrelevent]</applet>
</div>
</div>
</body>
</html>
Any ideas? I would appreciate direct e-mails more than a
posting back to the newsgroup. (Remove the ".nospam" from
my e-mail address though.)
Thank you!
Raymond