Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Netscape and layers

Posted on 2001-06-13
6
Medium Priority
?
325 Views
Last Modified: 2013-11-19
I have been developing a website that incorporates tables and layers.  Everything is fine in Internet Explorer but in netscape some of the layers seem to appear and disappear.  there are approximately 10 layers on the page and three of them the ones containing text seem to go onto the page then hide them selves.

I have tried using the visible option for the layers in question but with no success.

Any suggestions?

Andy
0
Comment
Question by:andyuk
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 2
6 Comments
 
LVL 19

Expert Comment

by:DreamMaster
ID: 6185410
Could we see your code? Maybe we don't even need to see it though as this sounds like there are some layers overlapping the other layers...

Try setting in the styles of all your layers, minimal widths and heights...

For example:

<div id="somelayer" style="position:absolute; left:100px; top: 150px; width:10px; height:10px;">
<!--
 Contents of your layer
//-->
</div>

Also for Netscape the order in which you place the layers in your page is very important, if you do it correctly...there is no need to place any z-index attributes...or visibility...

If you still can't see the layers, try to give them all a background color so you can actually see if they are overlapping other layers....

Hope this helps...

Cheers,
Max.
0
 

Author Comment

by:andyuk
ID: 6185467
Here is a sample of the code all of this is enclosed within a table.

<div id="Layer2" class="stdtextplain" style="position:absolute; left:21px; top:146px; width:395px; height:50px; z-index:55; visibility:visible">Specialist
                    Underwriting Services Limited was formed in 1995 as a result
                    of demands for insurance covers which could not easily be
                    obtained in the Irish insurance market place.</div>
                  <div id="Layer3" style="position:absolute; width:395px; height:65px; z-index:5; left: 22px; top: 218px" class="stdtextplain">As
                    a result of the specialist markets which it had either created
                    or discovered in order to satisfy these needs its role as
                    a specialist wholesaler was determined particularly as it
                    also had the added advantage of being the sole Irish provider
                    of those products.</div>
                  <div id="Layer4" style="position:absolute; width:396px; height:61px; z-index:5; left: 22px; top: 304px" class="stdtextplain">Today
                    the company is a subsidiary of Grandmarc Group, is a member
                    of the IBA, is tribunalised at Lloyds and specialises in niche
                    markets including Personal Accident, Travel, specialist schemes
                    for Accountants and the Irish Food Industry.</div>
0
 
LVL 19

Expert Comment

by:DreamMaster
ID: 6185503
This is most likely to be your problem....try placing the layers outside of the table....

Netscape is not too keen about layers inside tables...

One thing I also wonder about is why would you place both a style and a class in a layer? Can't you put all style information inside the class?

When you use position absolute inside a table...the value is taken from the position of the table not the position of the page (this could also be your problem...).

There are many things that could cause a problem like this so it might be good to see the full source so I can check where this goes wrong...

If the source is very big please mail it to me instead (and to anyone else that might want to help you) at david315@wxs.nl

Are the text layers the only ones that are inside the table by the way? If so then you should really check if you see them when you place them outside the table...

You can safely remove the visibility:visible attribute from all your layer styles by the way as the default value for this is visible anyway...

Cheers,
Max.
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 19

Accepted Solution

by:
DreamMaster earned 400 total points
ID: 6185635
After a small look at your code I found that my guess was right the layers inside the table is what caused your problems...When I placed them outside the table, the texts showed without a problem...here is the code that works (for me at least...)

<html>
<head>
<title>Members Section</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="Sus_styles.css" type="text/css">
</head>

<body background="images/backtile.jpg" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<table width="735" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top" rowspan="3" width="200"><a href="main.asp"><img src="images/logonew.gif" width="176" height="71" border="0" alt="SUS Logo"></a></td>
    <td width="34" height="46"></td>
    <td width="388"></td>
    <td width="13"></td>
    <td width="53"></td>
    <td width="47"></td>
  </tr>
  <tr>
    <td height="1"></td>
    <td rowspan="4" valign="middle" align="center">
<img src="images/buttons.gif" width="366" height="52" usemap="#Map" border="0">
<map name="Map">
  <area shape="rect" coords="186,-8,220,47" href="holiday.asp" alt="Travel Insurance" title="Travel Insurance">
  <area shape="rect" coords="226,2,260,55" href="personalaccmain.asp" alt="Personal Accident" title="Personal Accident">
  <area shape="rect" coords="265,3,324,58" href="profindemmain.asp" alt="Professional Indemnity" title="Professional Indemnity">
  <area shape="rect" coords="326,4,382,75" href="#" alt="Life and Pensions" title="Life and Pensions">
  <area shape="rect" coords="132,0,178,65" href="#" alt="Computer" title="Computer">
  <area shape="rect" coords="73,2,126,61" href="#" alt="Commercial Business Insurances" title="Commercial Business Insurances">
  <area shape="rect" coords="39,4,69,60" href="#" alt="Motor Insurance" title="Motor Insurance">
  <area shape="rect" coords="-8,3,34,81" href="#" alt="Household Insurance" title="Household Insurance">
</map>

</td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="24"></td>
    <td></td>
    <td colspan="2" valign="middle" align="center"><a href="members/getloginmain.asp"><img src="images/titletxlks.gif" width="93" border="0" height="17"></a></td>
  </tr>
  <tr>
    <td height="11"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="42"></td>
    <td></td>
    <td></td>
    <td valign="top" class="smalltitle" align="center">Irish Republic Only</td>
    <td valign="middle"><img src="images/ireland_gs.gif" width="38" height="27"></td>
  </tr>
  <tr>
    <td height="4"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="1"><img height="1" width="200" src="spacer.gif"></td>
    <td><img height="1" width="34" src="spacer.gif"></td>
    <td><img height="1" width="388" src="spacer.gif"></td>
    <td><img height="1" width="13" src="spacer.gif"></td>
    <td><img height="1" width="53" src="spacer.gif"></td>
    <td><img height="1" width="47" src="spacer.gif"></td>
  </tr>
</table>
<table width="758" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="9" height="331"></td>
    <td width="100%" valign="top">
      <table width="100%" border="0" cellspacing="0" cellpadding="1" bgcolor="#D8DBFC" height="100%">
        <tr>
          <td>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" height="329">
              <tr>
                <td height="260">
&nbsp;

                  </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
    <td width="11"></td>
  </tr>
  <tr>
    <td height="2"><img height="1" width="9" src="/spacer.gif"></td>
    <td height="2"></td>
    <td height="2"><img height="1" width="11" src="/spacer.gif"></td>
  </tr>
  <tr>
    <td height="1"><img height="1" width="9" src="/spacer.gif"></td>
    <td></td>
    <td><img height="1" width="11" src="/spacer.gif"></td>
  </tr>
</table>
<table width="755" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top" align="center"><a href="#">www.travelcoverireland.com</a></td>
  </tr>
</table>
<div id="Layer1" style="position:absolute; width:66px; height:69px; z-index:8; left: 10px; top: 391px"><img src="images/boxedout2.gif" width="66" height="67"></div>
                  <div id="Layer2"  style="position:absolute; left:21px; top:146px; width:395px; height:50px; z-index:5;">ertert rt r ert r tr lace.</div>
                  <div id="Layer3" style="position:absolute; width:395px; height:65px; z-index:6; left: 22px; top: 218px" class="stdtextplain">As
                    a result of the specialist markets which it had either created
                    or discovered in order to satisfy these needs its role as
                  ertertertrtr r trtertert</div>
                  <div id="Layer4" style="position:absolute; width:396px; height:61px; z-index:7; left: 22px; top: 304px" class="stdtextplain">Tertrty
                    ertertertert rterter trtrtertert rtr t.</div>
                  <div id="Layer5" style="position:absolute; width:262px; height:115px; z-index:13; left: 464px; top: 144px">
                    <table width="255" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td colspan="3"><img src="images/front_addtop.gif" width="258" height="38"></td>
                      </tr>
                      <tr>
                        <td rowspan="2" width="15%"><img src="images/front_addside.gif" width="40" height="171"></td>
                        <td width="75%"><a href="shortstaymain.asp"><img src="images/front_addmain.gif" width="195" height="119" border="0" alt="Shortstay Insurance"></a></td>
                        <td rowspan="2" width="10%"><img src="images/front_addsider.gif" width="24" height="171"></td>
                      </tr>
                      <tr>
                        <td width="75%"><a href="shortstaymain.asp"><img src="images/front_addprice.gif" width="195" height="52" border="0" alt="Shortstay Travel Insurance"></a></td>
                      </tr>
                      <tr>
                        <td colspan="3"><img src="images/front_addbase.gif" width="258" height="56"></td>
                      </tr>
                    </table>
                  </div>
                  <div id="Layer6" style="position:absolute; width:200px; height:4px; z-index:11; left: 76px; top: 391px"><img src="images/baseseg.gif" width="400" height="3"></div>
                  <div id="Layer7" style="position:absolute; width:65px; height:4px; z-index:12; top: 391px; left: 475px"><img src="images/baseseg3.gif" width="70" height="3"></div>
                  <div id="Layer8" style="position:absolute; width:75px; height:57px; z-index:10; left: 373px; top: 397px"><img src="images/iba.gif" width="71" height="58"></div>
                  <div id="Layer9" style="position:absolute; width:80px; height:29px; z-index:9; left: 189px; top: 411px"><img src="images/loydstrim.gif" width="75" height="26"></div>
</body>
</html>

Cheers,
Max.
0
 

Author Comment

by:andyuk
ID: 6187012
Much appreciated.

Andy
0
 
LVL 19

Expert Comment

by:DreamMaster
ID: 6187187
You're very welcome...hmm...seems from the post I made that you forgot to close a link...

Max.
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.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
Originally, this post was published on Monitis Blog, you can check it here . It goes without saying that technology has transformed society and the very nature of how we live, work, and communicate in ways that would’ve been incomprehensible 5 ye…
Viewers will get an overview of the benefits and risks of using Bitcoin to accept payments. What Bitcoin is: Legality: Risks: Benefits: Which businesses are best suited?: Other things you should know: How to get started:
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
Suggested Courses

618 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question