HTML Forum

**crapweasel** · 07-12-2005, 10:39 AM

Hi, I have almost all my browser problems resolved but one. For dumb reason when I add my footer on to my page it shows up blank in Netscape 8.0. I have narrowed it down to a possible bug with the new netscape. I have the back ground set to black and the wording in white, but netscape will only display the wording in black, making them disappear. I know this because if I set the background color to something else they are there just in black. Has anyone had this same problem, and has a way to remedy it. Its my last problem before I can finish coding the rest of the pages. Oh I might add I'm using CSS.
Thanks

**Dark-Skys99** · 07-12-2005, 10:45 AM

It would be easier to solve your problem if you post your HTML and CSS code

**crapweasel** · 11:03 AM

ok sorry...
heres the CSS code:

Code:

/* CSS styles */

body {

	text-align:center;

	font-family: sans-serif, Arial;

	background:#000;

	font-size:76%;

	margin:0px 0px;

}

#main {

	position:relative;

	text-align:left;

	margin:0px auto;

}

#header {

	position:relative;

	text-align:left;

	background:#000000;

	width:100%;

	height:80%;

	border:0px solid orange;

}

#header img {

	position:relative;

	border:0px;

}

#nav_block {
	font-family: sans-serif, Arial, Helvetica;
	float:left;
	font-size: 100%;
	width: 135px;
	padding: 0px;
	margin: 0px;
}

#nav_block ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#nav_block ul li {
	margin: 0px;
	padding: 0px;
}
#nav_block ul li a {
	font-size: 100%;
	display: block;
	border-bottom: 1px dashed #eee8aa;
	padding: 3px 0px 2px 2px;
	text-decoration: none;
	color: #ffffff;
	width:135px;
}

#nav_block ul li a:hover, #nav_block ul li a:focus {
	color: #000000;
	background-color: #ffffff;
}
#content {

	position:relative;

	height:375px;

	background:#eee8aa;

	width:85%;

	float:left;

	padding:5px 2px;

	margin:5px 0px 10px 5px;

	border:0px dashed blue;

	overflow:auto;

}

#footer {
	position: relative;
	bottom: 0;
	background-color: #eee8aa;
	color: #ffffff;
	width: 70%; /* See note below */
	text-align: center;
	padding: 0 15%;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
#footer {
    \width: 100%;
    w\idth: 70%;
}
#design {

	position:relative;

	width:85%;

	margin:0px auto 5px auto;

}

#design img {

	border:0px;

}

.clearing {

	clear:both;

}

.para {

	position:relative;

	text-indent:15px;

	font-size:1em;

	padding:5px;

}

#crumbtrail {

	position:relative;

	float:left;

	font-size:0.75em;

	background-color: transparent;

	text-decoration:none;

	text-align:left;

	z-index:20;

}

#crumbtrail a:link {

	color:#0000FF;

}

#crumbtrail a:visited {

	color:#0000FF;

}

#crumbtrail a:hover {

	color:#FFFFFF;

	background-color: #000000;

	text-decoration:underline;

}

#crumbtrail a:active {

	color:#0000FF;

}

#w3c_html {

	float:left;

}

#w3c_css {

	float:right;

}

and HTML

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>
<title>The Bulletin Online</title>

<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1"/>

<meta name="keywords" content=""/>

<meta name="description" content=""/>

<link type="text/css" rel="stylesheet"
href="style.css" />

</head>


<body>

<div id="main">

<div id="header"><img
src="twin642.jpg" alt="The Bulletin Online"/></div>

<!-- header -->

<div id="nav_block">
<ul>
<li><a href="body4.html"><b>Home</b></a></li>
<li><a href="body5.html"><b>Current Issue</b></a></li>

<li><a href="papers.html"><b>Previous Issues</b></a></li>

<li><a href="phoneforum.html"><b>Phone Forum</b></a></li>

<li><a href="polly.html"><b>Polls</b></a></li>

<li><a href="games.html"><b>Games</b></a></li>

<li><a href="contact.html"><b>Contact Us</b></a></li>

<li><a href="updated.html"><b>Get Updated!</b></a></li>

<li><a href="appy.html"><b>Employment</b></a></li>

<li><a href="addy.html"><b>Advertising</b></a></li>

<li><a href="error.html"><b>Found an error!</b></a></li>


</ul>
</div>
<!-- nav_block -->
<div id="content">
<body bgcolor=#eee8aa>
<font color=black>
<MARQUEE bgcolor=#EEE8AA scrollamount=10><font color=black face="arial" size=6>
<b>HEADLINES: Showstoppers opens show to nearly-full house Sunday... ‘Dead Week’ rules
differ from beliefs... Five-kilometer walk benefits SOS...</b>
</font>
</MARQUEE>
<p>
<center><font face=arial>To view the paper, you will need Adobe Acrobat Reader.<br>

If you do not have this program click <a href=http://www.adobe.com/products/acrobat/readstep2.html>here</a> to download it for FREE.<p>

<a href=phoneforum.html><img src=update.jpg border=0></a>

<p>


<a href=polly.html><img src=poll2.jpg border=0></a>


</center>
</p>

</div>

<!-- content -->


<div class="clearing"></div>

<!-- clearing -->


<div id="footer">

<b>All content copyright The Bulletin 2005, Website copyright 2005 The bulletin</b>

<br/><b>Designed by Jeremy Michelbook</b>
	


</div>

<!-- footer -->


</div>

<!-- main -->


</body>

</html>

Hope that helps, Thanks

**Kaiman** · 07-13-2005, 01:22 AM

I just copied the code above into Dreamweaver and previewed it in Netscape 7.2, The footer appears tan with black lettering and it looks no different in Firefox, IE, or Opera.
I know that there have been a whole series of issues with Netscape Nav 8 including people having to disable IE to view things and other really bad bugs, so I wouldn't be suprised if you found another one.

Kaiman

Storm King Design
Storm King Computer Consulting

**onlyplace4** · 07-13-2005, 03:43 AM

Slightly off tack, but if you want to use a Netscape browser why not take a look at Mozilla Firefox?

**crapweasel** · 07-13-2005, 02:41 PM

Well I really don't want to use Netscape, its just that its a school paper website so I want to cater to all web browsers. everything else works in netscape except the footer so I guess it's tough for NN 8 viewers, until they resolve the problem... Thanks for everyone's help.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!