Link to home
Start Free TrialLog in
Avatar of Batalf
BatalfFlag for United States of America

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/feilmeldinger.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: &nbsp;</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&aring;"></td></tr>
        </FORM>
        </table>
</td></tr>
<tr><td></td><td COLSPAN="2"><img src="images/login/driftsmeldinger.gif" 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

ASKER CERTIFIED SOLUTION
Avatar of james_beilby
james_beilby

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Batalf

ASKER

Simple as that!???!??!??!??

I use to avoid </p> because of the extra line-space it creates.

Thanks !!!