Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 208
  • Last Modified:

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

0
Batalf
Asked:
Batalf
1 Solution
 
james_beilbyCommented:
Simple problem... the Paragraph tag is not closed...

Try replacing the line:
     <tr><td><p>Her kommer feilmeldingene.....</td></tr></table>
with:
     <tr><td><p>Her kommer feilmeldingene.....</p></td></tr></table>

Hope this helps,
-james
0
 
BatalfAuthor Commented:
Simple as that!???!??!??!??

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

Thanks !!!
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now