August 1st, 2005, 10:22 AM
|
|
Registered User
|
|
Join Date: Aug 2005
Posts: 1
Time spent in forums: 3 m 26 sec
Reputation Power: 0
|
|
|
HELP please
Let me start by saying I an a total newbie to design. I have gotten a fairly decent understanding of html, and now am trying to add CSS to the site I am building.
I am having problem with a z indexed <div> in IE... it displays correctly in both FF and NN however in IE everything except my background is gone. I can't find a compatability issue anywhere, so I am basicially clueless! I have attached screen shots and if I can figure out how to add my code here I will
I would greatly appreciate any help resolving this issue!
CSS and HEAD
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" xml:lang="en" lang="en">
<head>
<title>web page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
FONT: 14px georgia;
z-index:1;
margin:0;
background-image: url(images/background.jpg);
background-repeat: repeat;
}
#Layer1 {
position: absolute;
visibility: visible;
z-index: 2;
height: 270px;
width: 290px;
left: 72px;
top: 230px;
margin: 0px;
padding: 0px;
}
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-align: center;
}
h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-align: center;
}
h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
}
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
HTML for DIV
Code:
<div id="Layer1">
<table width="245" border ="0" align="center">
<tr>
<td height="44" ><h1>Scroll Saw Patterns</h1></td>
</tr>
<tr>
<td height="23"> </td>
</tr>
<tr>
<td align="center"><h3>Scroll Saw Tips and Techniques</h3></td>
</tr>
<tr>
<td height="19"> </td>
</tr>
<tr>
<td align="center"><h2>Message Board</h2></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
Last edited by shadez : August 1st, 2005 at 10:36 AM.
Reason: Added code
|
Dev Articles Community Forums Sponsor:
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
