Forums
This topic is locked
Layers won't resize properly
Posted 17 Feb 2002 17:04:26
1
has voted
17 Feb 2002 17:04:26 Ritchie Goma posted:
I'm using nested layers for a site and I'm experiencing a bug of some sort. I put a layer (I'll call this layer 2) into another (which I'll call Layer 1)and put text into the inner layer (layer 2),and this text is linked to an external style sheet. The font size is 11px. The text has a list and for some reason this text layer (2) still shows a blank lines at the end of the last line of text when I run a browser test (f12) but in layout mode, it looks ok. In short, the layout mode and the browser test results don't match. Layer 2 shows blank lines at the end of the last time in browser test. I have another DIV layer in layer 1 and it's a line of links to the top and the rest of the site. I also have a page title at the top of layer 1. Below is a copy of the body code:
<---!
<body bgcolor=#9f9f9f>
<div id="Layer1" style="position:absolute; left:2px; top:2px; width:740px; height:85px; z-index:1"><img src="resources/topban.gif" width="776" height="86"></div>
<div id="Layer2" style="position:absolute; left:632px; top:110px; width:145px; height:322px; z-index:2"><img src="resources/menu2.gif" width="145" height="323"></div>
<div id="Layer3" style="position:absolute; left:645px; top:159px; width:106px; height:16px; z-index:3"></div>
<div id="Layer4" style="position:absolute; left:75px; top:139px; width:400px; height:547px; z-index:4; border: 1px solid #000000; background-color: #FFFFFF; layer-background-color: #FFFFFF"><img src="resources/titlebar.gif" width="470" height="31"></div>
<div id="Layer5" class="bodytext" style="position:absolute; left:104px; top:210px; width:417px; height:429px; z-index:5; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">We've
redesigned the site to accommodate some new sections and information. We'll
be tweaking it further and adding more features. Here's the latest news and
developments: </font>
<ul>
<li><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Halcyon has
some additions to their line of excellent dive equipment. Find out more
about them.</font></li>
</ul>
<ul>
<li><font face="Verdana, Arial, Helvetica, sans-serif" size="2">We have new
dive trips planned for the first half of the year. Read up on our schedules.
</font></li>
</ul>
<ul>
<li><font face="Verdana, Arial, Helvetica, sans-serif" size="2">New technical
diving courses have been added to our list.</font></li>
</ul>
<ul>
<li><font face="Verdana, Arial, Helvetica, sans-serif" size="2">The Philippines
is renown for great diving and beaches.We've created a list of the best
dive spots in the country. </font></li>
</ul>
<ul>
<li><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Have a story
to tell? Write to us about the best dive you've ever had or your latest
technical diving expedition and we'll add it to our articles. </font></li>
</ul>
<ul>
<li><font face="Verdana, Arial, Helvetica, sans-serif" size="2">If you won't
have any trouble finding us, we've added a map and directions to our shop.</font></li>
</ul>
</div>
<div id="Layer6" style="position:absolute; left:74px; top:662px; width:470px; height:23px; z-index:6">
<div align="center"><a class="linkno2" href="#top">Top </a><a class="linkno2" href="inex2.htm">Home </a> <a class="linkno2" href="gear.htm">Equipment </a> <a class="linkno2" href="courses.htm">Courses </a> <a class="linkno2" href="travel.htm">Travel </a> <a class="linkno2" href="articles.htm">Articles </a> <a class="linkno2" href="contact.htm">Contact
us</a></div>
</div>
<script language="javascript1.2" src="resources/menu.js"></script>
</body>
</html>------>
Is this a dreamweaver bug?