Batalf
asked on
Layer problem(HTML or Javascript)
Hi all experts
I have a problem with a html-document in Netscape.
Here's the code:
<HTML>
<HEAD>
<style type="text/css">
#errormessage { top: 120px; left: 325px; position: absolute; visiblity: visible; }
#message { top: 360px; left: 150px; position: absolute; visiblity: visible; }
p { font-family: verdana,arial,sans-serif; font-size: 10px; }
span { font-family: verdana,arial,sans-serif; }
input { font-family: verdana,arial,sans-serif; font-size: 10px; }
div { font-size: 9px; }
</style>
<TITLE>Exonerate - Login</TITLE>
</HEAD>
<BODY BGCOLOR="ADBDC6" leftmargin="0" topmargin="0" marginHeight="0" marginwidth="0">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td><img src="images/login_bg.gif" height="100" width="100" border="0"></td></tr>
<tr><td><img src="images/login_bg.gif" height="100" width="100" border="0"></td><td width="201"><img src="images/login/logo.gif " border="0" width="201"></td>
<td width="217" valign="top" align="left"><img src="images/login/feilmeld inger.gif" border="0" width="217"></td></tr>
<tr><td></td><td></td><td>
<table cellpadding="0" border="0">
<form method="post" action="/index.html">
<tr><td><p><b>Brukernavn:& nbsp;</td> <td><INPUT type="text" name="alfa" size="20"></td></tr>
<tr><td><p><b>Passord: </td><td><INPUT type="password" name="beta" size="20"></td></tr>
<tr><td colspan="2" align="right"><INPUT type="image" src="images/login/logginn. gif" border="0" name="logon" value="Logg på"></td></tr>
</FORM>
</table>
</td></tr>
<tr><td></td><td COLSPAN="2"><img src="images/login/driftsme ldinger.gi f" border="0"></td></tr>
</table>
<div id="errormessage">
<table width="200">
<tr><td><p>Her kommer feilmeldingene.....</td></ tr></table >
</div>
<div id="message">
<table width="400" border="0">
<tr><td>
<P>Her kommer det driftsmeldinger etter hvert.. Her kommer det driftsmeldinger etter hvert.. </td></tr></table>
</div>
</BODY>
</HTML>
The problem is that the content of the layers won't be placed where it should be. The first layer("errormessage") is OK, but the second one is placed in the bottom right corner. It seems to me that the first layer makes this problem because if I Cut & Paste so that layer errormessage comes first it's showing on the right place. But then, the other layer is placed far low to the right.
In IE, the page shows exactly as it should.
Any obvious reason to my problem?
Thanks in advance!
Batalf
I have a problem with a html-document in Netscape.
Here's the code:
<HTML>
<HEAD>
<style type="text/css">
#errormessage { top: 120px; left: 325px; position: absolute; visiblity: visible; }
#message { top: 360px; left: 150px; position: absolute; visiblity: visible; }
p { font-family: verdana,arial,sans-serif; font-size: 10px; }
span { font-family: verdana,arial,sans-serif; }
input { font-family: verdana,arial,sans-serif; font-size: 10px; }
div { font-size: 9px; }
</style>
<TITLE>Exonerate - Login</TITLE>
</HEAD>
<BODY BGCOLOR="ADBDC6" leftmargin="0" topmargin="0" marginHeight="0" marginwidth="0">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td><img src="images/login_bg.gif" height="100" width="100" border="0"></td></tr>
<tr><td><img src="images/login_bg.gif" height="100" width="100" border="0"></td><td width="201"><img src="images/login/logo.gif
<td width="217" valign="top" align="left"><img src="images/login/feilmeld
<tr><td></td><td></td><td>
<table cellpadding="0" border="0">
<form method="post" action="/index.html">
<tr><td><p><b>Brukernavn:&
<tr><td><p><b>Passord: </td><td><INPUT type="password" name="beta" size="20"></td></tr>
<tr><td colspan="2" align="right"><INPUT type="image" src="images/login/logginn.
</FORM>
</table>
</td></tr>
<tr><td></td><td COLSPAN="2"><img src="images/login/driftsme
</table>
<div id="errormessage">
<table width="200">
<tr><td><p>Her kommer feilmeldingene.....</td></
</div>
<div id="message">
<table width="400" border="0">
<tr><td>
<P>Her kommer det driftsmeldinger etter hvert.. Her kommer det driftsmeldinger etter hvert.. </td></tr></table>
</div>
</BODY>
</HTML>
The problem is that the content of the layers won't be placed where it should be. The first layer("errormessage") is OK, but the second one is placed in the bottom right corner. It seems to me that the first layer makes this problem because if I Cut & Paste so that layer errormessage comes first it's showing on the right place. But then, the other layer is placed far low to the right.
In IE, the page shows exactly as it should.
Any obvious reason to my problem?
Thanks in advance!
Batalf
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
I use to avoid </p> because of the extra line-space it creates.
Thanks !!!