Problems with <DIV> affecting page layout

PHP programming forum. Ask questions or help people concerning PHP code. Don't understand a function? Need help implementing a class? Don't understand a class? Here is where to ask. Remember to do your homework!

Moderator: General Moderators

Post Reply
kdidymus
Forum Contributor
Posts: 196
Joined: Tue May 13, 2008 3:37 am

Problems with <DIV> affecting page layout

Post by kdidymus »

Sorry if this post is long but I want to give you all the information I think you'll need to help me with this problem.

First, take a look at http://www.didymus.org.uk/new/tree/stor ... rn=5831896 and click on one of the articles down the bottom. When you CLOSE the article, the bottom of the page is no longer flush with the bottom of the browser window (on IE at least - it seems to work fine on Firefox and Safari).

If you look at the source code for the HTML generated by stories.php you'll see that the hyperlink calls the Leightbox javascript to produce a neat popup.

I've checked the CSS (below) and I can't see any problems there but I may be wrong:

Code: Select all

[color=#FF0000]html,body {
    margin:0;
    padding:0;
    height:100%;
    border:none;
}[/color]
 
[color=#FF0000]// The bit in red above makes my page 100% in height[/color]
 
#fullheight {height:100%;}
 
td.back1{background:url(../../graphics/menu_crv.gif);}
td.back2{background:url(../../graphics/mag_1.gif);}
td.back3{background:url(../../graphics/mag_2.gif);}
td.back4{background:url(../../graphics/mag_3.gif);}
td.back5{background:url(../../graphics/mag_4.gif);}
td.back6{background:url(../../graphics/mfspc.gif);}
 
td.styl1{border-width: 1px; border-bottom-style: solid; border-bottom-color:#ffffff;}
td.bblk1{border-width: 1px; border-top-style: solid; border-left-style: solid; border-left-color:#000000; border-top-color:#000000;}
td.bblk2{border-width: 1px; border-top-style: solid; border-right-style: solid; border-right-color:#000000; border-top-color:#000000;}
td.bblk3{border-width: 1px; border-bottom-style: solid; border-bottom-color:#FFFFFF;}
td.bblk4{border-width: 1px; border-left-style: solid; border-left-color:#000000;}
td.bblk5{border-width: 1px; border-top-style: solid; border-top-color:#000000;}
td.bblk6{border-width: 1px; border-top-style: solid; border-top-color:#c2cfd5; vertical-align: middle;}
 
td.vat{vertical-align: top;}
td.vab{vertical-align: bottom;}
td.vac{vertical-align: middle;}
 
#container { 
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: left;
}
 
.footer {
    background-color: #000000;
}
 
.leightbox {
    color: #333;
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 0.5em;
    border: 0.5em solid #79b4dd;
    background-color: white;
    text-align: center;
    z-index:1001;
    overflow: auto; 
}
 
#overlay{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    background-color:#333;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
 
.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }
So I'm guessing that it's the <DIV> causing the problem. Here's the HTML generated by the PHP:

Code: Select all

 
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN'
   'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<!-- HEADER INFO FIRST -->
<head>
<script type='text/javascript' src='js2/prototype.js'></script>
<script type='text/javascript' src='js2/lightbox.js'></script>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1252'/>
<title>Edwin Harry COSWAY | Didymus.org.uk | Family Tree</title>
<meta name='author' content='Kris Didymus'/>
<meta name='keywords' content='family,tree,genealogy,didymus,oliver,bending,nettleton'/>
<meta name='description' content='On-line family tree of the Didymus and Oliver families...'/>
<link rel='stylesheet' href='css/stories.css' type='text/css' media='screen,projection' />
</head>
<body bgcolor='#e0eff6'>
<!-- CREATE 3 ROW 100% TABLE FOR DISPLAY OF WHOLE PAGE -->
<table border='0' width='100%' cellspacing='0' cellpadding='0' id='container'>
<!-- CREATE TOP ROW FOR DEFAULT HEADER TABLE -->
<tr>
   <td class='vat' height='73'>
<!-- TOP NAVIGATION TABLE -->
<table border='0' width='100%' cellspacing='0' cellpadding='0' id='top'>
<tr>
<!-- MAIN SITE NAVIGATION HYPERLINKS -->
<td height='24' bgcolor='#e0eff6'><font face='Arial' size='1' color='#000000'>&nbsp;&nbsp;<a href='../index.php' style='text-decoration: none; font-family: Arial; font-size: 8pt; color: #000000; font-weight: bold'>Home</a> | <a href='../contact/contact.php' style='text-decoration: none; font-family: Arial; font-size: 8pt; color: #000000; font-weight: bold'>
Contact Us</a> | <a href='../tree.php' style='text-decoration: none; font-family: Arial; font-size: 8pt; color: #ff0000; font-weight: bold'>Family Tree</a> | <a href='../photo.php' style='text-decoration: none; font-family: Arial; font-size: 8pt; color: #000000; font-weight: bold'>Photography</a> | 
<a href='../web.php' style='text-decoration: none; font-family: Arial; font-size: 8pt; color: #000000; font-weight: bold'>Web Design</a></font></td>
<td class='back1' height='24' width='21'></td>
<td height='24' bgcolor='#162b42'></td>
<td class='back2' height='24' bgcolor='#162b42' width='32'></td>
<!-- SEARCH ENGINE CODE -->
<td height='24' bgcolor='#162b42' width='200'><form style='margin-bottom:0; margin-top:0;' name='search' action='query.php' method='get'>
<input type='text' size='22' name='q'/><input type='image' src='../graphics/srch.gif'/></form></td>
</tr>
<tr>
<td bgcolor='#c2cfd5' height='1'></td>
<td bgcolor='#c2cfd5' width='21' height='1'></td>
<td bgcolor='#c2cfd5' height='1'></td>
<td class='back3' bgcolor='#c2cfd5' width='32' height='1'></td>
<td bgcolor='#c2cfd5' height='1' width='200'></td>
</tr>
<tr>
<td bgcolor='#5595cb' height='1'></td>
<td bgcolor='#5595cb' width='21' height='1'></td>
<td bgcolor='#5595cb' height='1'></td>
<td class='back4' bgcolor='#5595cb' width='32' height='1'></td>
<td bgcolor='#5595cb' height='1' width='200'></td>
</tr>
<tr>
<td bgcolor='#79b4dd' height='23' align='left' valign='bottom'><img border='0' src='../graphics/logo_1.gif' width='259' height='23' alt=''></img></td>
<td bgcolor='#79b4dd' width='21' height='23'></td>
<td bgcolor='#79b4dd' height='23'></td>
<td class='back5' bgcolor='#79b4dd' width='32' height='23'></td>
<td class='vat' bgcolor='#79b4dd' height='23' width='200' align='left'><font face='Arial' size='1' color='#000000'>Enter surname, forename or year.</font></td>
</tr>
<tr>
<td class='vat' bgcolor='#79b4dd' align='left' height='23'><img border='0' src='../graphics/logo_2.gif' width='259' height='23' alt=''></img>
<img border='0' src='../graphics/tree.gif' width='212' height='23' alt=''></img></td>
<!-- A-Z FORENAME & SURNAME NAVIGATION LINKS -->
<td bgcolor='#79b4dd' colspan='4' align='center' height='23'><a href='a-zfn.php' style='text-decoration: none; font-family: Arial; font-size: 8pt; color: #000000; font-weight: bold'>A-Z Forename</a> | <a href='a-zsn.php' style='text-decoration: none; font-family: Arial; font-size: 8pt; color: #000000; font-weight: bold'>A-Z Surname</a> | <a href='help.php' style='text-decoration: none; font-family: Arial; font-size: 8pt; color: #000000; font-weight: bold'>Help</a></td>
</tr>
<tr>
<td class='vat' bgcolor='#5595cb' align='left' colspan='5' height='1'></td></tr>
<tr><td class='vat' bgcolor='#c2cfd5' align='left' colspan='5' height='1'></td>
</tr>
</table>
</td>
</tr>
<!-- END OF TOP ROW FOR DEFAULT HEADER TABLE -->
 
<!-- CREATE MIDDLE ROW FOR FAMILY TREE TABLE -->
<tr>
<td class='vat' align='center'><br/>
<!-- CREATE FAMILY TREE TABLE -->
<table border='0' style='border-collapse: collapse' cellpadding='0' id='table1'>
    <tr>
        <td rowspan='2' width='238' style='padding: 0' align='center' colspan='3' valign='top'>
<!-- MOTHER START -->
<table width='100%' border='0' style='border-collapse: collapse; border: 1px solid #000000; padding: 0' cellpadding='0' id='mother' bgcolor='#ffccff'>
    <tr>
        <td class='styl1'  align='left'><font face='Arial' size='2' color='#808080'>&nbsp;Mother of Edwin</font></td>
    </tr>
    <tr>
        <td align='left' nowrap='nowrap' height='18'><a href='display.php?urn=131061871' style='text-decoration: none; font-family: Arial; font-size: 8pt; font-weight: bold'><font color='#AA0000'>&nbsp;Mary Jane FOOT (c.1871)&nbsp;</font></a></td></tr>
</table>
<!-- MOTHER END -->
        </td>
        <td class='back6' colspan='2' width='30'></td>
        <td rowspan='2' width='238' style='padding: 0' align='center' colspan='3' valign='top'>
<!-- FATHER START -->
<table width='100%' border='0' style='border-collapse: collapse; border: 1px solid #000000; padding: 0' cellpadding='0' id='father' bgcolor='#99ccff'>
    <tr>
        <td class='styl1'  align='left'><font face='Arial' size='2' color='#808080'>&nbsp;Father of Edwin</font></td>
    </tr>
    <tr>
        <td align='left' nowrap='nowrap' height='18'><a href='display.php?urn=1073' style='text-decoration: none; font-family: Arial; font-size: 8pt; font-weight: bold'><font color='#AA0000'>&nbsp;James George COSWAY (c.1863)&nbsp;</font></a></td></tr>
</table>
<!-- FATHER END -->
        </td>
        <td width='13'>&nbsp;</td>
        <td>&nbsp;</td>
        <td colspan='2'>&nbsp;</td>
    </tr>
        <tr>
        <td class='bblk5' width='13'>&nbsp;</td>
        <td class='bblk1' width='12'>&nbsp;</td>
        <td class='bblk5' width='13'>&nbsp;</td>
        <td class='bblk2'>&nbsp;</td>
        <td style='border-right-width: 1px; border-bottom-width: 1px'>&nbsp;</td>
        <td style='border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px'>&nbsp;</td>
    </tr>
    <tr>
        <td height='13' colspan='3'></td>
        <td height='13'></td>
        <td class='bblk4' height='13'></td>
        <td height='13' colspan='3'></td>
        <td height='13' width='13'></td>
        <td height='13'></td>
        <td class='bblk4' height='13'></td>
        <td height='13'></td>
    </tr>
    <tr>
        <td colspan='8' width='506' style='padding: 0' align='center' valign='top'>
<!-- TARGET TABLE START -->
<table border='0' style='border-collapse: collapse; border: 1px solid #000000; padding: 0' width='100%' cellpadding='0' bgcolor='#99ccff' id='selected'>
<tr>
<td colspan='3' class='bblk3'  align='center'><font face='Arial' size='2' color='#808080'><font color='#AA0000'>Edwin Harry COSWAY (1896)</font></font></td></tr>
<tr><td class='vat' align='right' nowrap='nowrap'><b><font face='Arial' size='1' color='#000000'>&nbsp;REFERENCE:</font></b></td>
<td class='vat' align='right' nowrap='nowrap' width='10'></td>
<td class='vat' width='100%' align='left'><font face='Arial' size='1' color='#000000'>5831896</font></td></tr>
<tr><td class='vat' align='right' nowrap='nowrap'><b><font face='Arial' size='1' color='#000000'>&nbsp;GENDER:</font></b></td>
<td class='vat' align='right' nowrap='nowrap' width='10'></td>
<td class='vat' width='100%' align='left'><font face='Arial' size='1' color='#000000'>Male</font></td></tr>
<tr><td class='vat' align='right' nowrap='nowrap'><b><font face='Arial' size='1' color='#000000'>&nbsp;DATE OF BIRTH:</font></b></td>
<td class='vat' align='right' nowrap='nowrap' width='10'></td>
<td class='vat' width='100%' align='left'><font face='Arial' size='1' color='#000000'>Saturday 5th December 1896 (MDCCCXCVI)</font></td></tr>
<tr><td class='vat' align='right' nowrap='nowrap'><b><font face='Arial' size='1' color='#000000'>&nbsp;PLACE OF BIRTH:</font></b></td>
<td class='vat' align='right' nowrap='nowrap' width='10'></td>
<td class='vat' width='100%' align='left'><font face='Arial' size='1' color='#000000'>Boscarne Junction, Bodmin, Cornwall, UK</font></td></tr>
<tr><td class='vat' align='right' nowrap='nowrap'><b><font face='Arial' size='1' color='#000000'>&nbsp;DATE OF BAPTISM:</font></b></td>
<td class='vat' align='right' nowrap='nowrap' width='10'></td>
<td class='vat' width='100%' align='left'><font face='Arial' size='1' color='#000000'>N/K</font></td></tr>
<tr><td class='vat' align='right' nowrap='nowrap'><b><font face='Arial' size='1' color='#000000'>&nbsp;PLACE OF BAPTISM:</font></b></td>
<td class='vat' align='right' nowrap='nowrap' width='10'></td>
<td class='vat' width='100%' align='left'><font face='Arial' size='1' color='#000000'>N/K</font></td></tr>
<tr><td class='vat' align='right' nowrap='nowrap'><b><font face='Arial' size='1' color='#000000'>&nbsp;OCCUPATION:</font></b></td>
<td class='vat' align='right' nowrap='nowrap' width='10'></td>
<td class='vat' width='100%' align='left'><font face='Arial' size='1' color='#000000'>1st Class Porter, Great Western Railway</font></td></tr>
<tr><td class='vat' align='right' nowrap='nowrap'><b><font face='Arial' size='1' color='#000000'>&nbsp;DATE OF DEATH:</font></b></td>
<td class='vat' align='right' nowrap='nowrap' width='10'></td>
<td class='vat' width='100%' align='left'><font face='Arial' size='1' color='#000000'>Wednesday 31st July 1935</font></td></tr>
<tr><td class='vat' align='right' nowrap='nowrap'><b><font face='Arial' size='1' color='#000000'>&nbsp;PLACE OF DEATH:</font></b></td>
<td class='vat' align='right' nowrap='nowrap' width='10'></td>
<td class='vat' width='100%' align='left'><font face='Arial' size='1' color='#000000'>Respryn Railway Bridge, Respryn, Cornwall, UK</font></td></tr>
<tr><td class='vat' align='right' nowrap='nowrap' bgcolor='#ffffff'><b><font face='Arial' size='1' color='#000000'>&nbsp;SIBLINGS?:</font></b></td>
<td class='vat' align='right' nowrap='nowrap' width='10' bgcolor='#ffffff'></td>
<td class='vat' width='100%' bgcolor='#ffffff' align='left'><font face='Arial' size='1' color='#000000'>Yes (see right)</font></td></tr>
<tr><td class='vat' align='right' nowrap='nowrap' bgcolor='#ffffff'><b><font face='Arial' size='1' color='#000000'>&nbsp;SPOUSE?:</font></b></td>
<td class='vat' align='right' nowrap='nowrap' width='10' bgcolor='#ffffff'></td>
<td class='vat' width='100%' bgcolor='#ffffff' align='left'><font face='Arial' size='1' color='#000000'>Yes (see below)</font></td></tr>
<tr><td class='vat' align='right' nowrap='nowrap'><b><font face='Arial' size='1' color='#000000'>&nbsp;NOTES:</font></b></td>
<td class='vat' align='right' nowrap='nowrap' width='10'></td>
<td class='vat' width='100%' align='left'><font face='Arial' size='1' color='#000000'>Burial service on Saturday 3rd August 1935 conducted by Canon S. Windsor. Buried in grave 15, Row 5 at Nanstallon Cemetery.</font></td></tr>
</table>
<!-- TARGET TABLE END -->
</td>
        <td width='13'>&nbsp;</td>
        <td colspan='3' style='padding: 0' align='center' valign='top' rowspan='5'>
 
<!-- SIBLINGS HERE -->
<table border='0' style='border-collapse: collapse; border: 1px solid #000000; padding: 0' cellpadding='0' id='siblings' bgcolor='#ccffcc' width='100%'>
    <tr>
        <td class='styl1' align='left'  colspan='2'><font face='Arial' size='2' color='#808080'>&nbsp;Siblings of Edwin</font></td>
    </tr>
    <tr>
        <td  align='left' nowrap='nowrap'><font face='terminal' size='1' color='#000000'>&nbsp;01: </font><a href='display.php?urn=19123' style='text-decoration: none; font-family: Arial; font-size: 8pt; font-weight: bold'><font color='#000000'>Sarah Lilian COSWAY (c.1891)&nbsp;</font></a><br/><font face='terminal' size='1' color='#000000'>&nbsp;02: </font><a href='display.php?urn=1073A' style='text-decoration: none; font-family: Arial; font-size: 8pt; font-weight: bold'><font color='#000000'>James George COSWAY (c.1893)&nbsp;</font></a><br/></td>
    </tr>
</table>
<!-- SIBLINGS END -->
 
    </td>
    </tr>   <tr>
        <td height='13'></td>
        <td height='13' colspan='2'></td>
        <td height='13'></td>
        <td class='bblk4'></td>
        <td height='13' colspan='2'></td>
        <td height='13'></td>
        <td height='13' width='13'></td>
    </tr>
    <tr>
        <td colspan='8' style='padding: 0' align='left' valign='top'>
<!-- SPOUSE 1 TABLE COMMENCES HERE -->
<table border='0' width='100%' cellspacing='0' cellpadding='0' id='spouse1' style='border: 1px solid #000000; padding: 0' bgcolor='#ffccff'>
    <tr><td class='styl1' colspan='3' align='left'><font face='Arial' size='2' color='#808080'>&nbsp;Spouse of Edwin&nbsp;</font></td></tr>
    <tr>
        <td class='vat' align='right' nowrap='nowrap'><font face='Arial' size='1' color='#000000'><b/>&nbsp;NAME:</font></td>
        <td class='vat' align='right' nowrap='nowrap' width='10'></td>
        <td class='vat' align='left' nowrap='nowrap' width='100%'><a href='display.php?urn=32219' style='text-decoration: none; font-family: Arial; font-size: 8pt; font-weight: bold'/><font color='#AA0000'/>&nbsp;Clara  SEARLE (1899)&nbsp;</td></tr><tr>
        <td class='vat' align='right' nowrap='nowrap'><font face='Arial' size='1' color='#000000'><b/>&nbsp;MARRIAGE DATE:</font></td>
        <td class='vat' align='right' nowrap='nowrap' width='10'></td>
        <td class='vat' align='left' nowrap='nowrap' width='100%'><font face='Arial' size='1' color='#000000'>&nbsp;Thursday 29th January 1920&nbsp;</font></td></tr><tr>
        <td class='vat' align='right' nowrap='nowrap'><font face='Arial' size='1' color='#000000'><b/>&nbsp;MARRIAGE PLACE:</font></td>
        <td class='vat' align='right' nowrap='nowrap' width='10'></td>
        <td class='vat' align='left' nowrap='nowrap' width='100%'><font face='Arial' size='1' color='#000000'>&nbsp;The Parish Church, Bodmin, Cornwall, UK&nbsp;</font></td></tr><tr>
        <td class='vat' align='right' nowrap='nowrap'><font face='Arial' size='1' color='#000000'><b/>&nbsp;CHILDREN:</font></td>
        <td class='vat' align='right' nowrap='nowrap' width='10'></td>
        <td class='vat' align='left' nowrap='nowrap' width='100%'><font face='terminal' size='1' color='#000000'>&nbsp;01: </font><a href='display.php?urn=5193' style='text-decoration: none; font-family: Arial; font-size: 8pt; font-weight: bold'><font color='#AA0000'>Esmé Sylvia COSWAY (1925)&nbsp;</font></a><br/><font face='terminal' size='1' color='#000000'>&nbsp;02: </font><a href='display.php?urn=1631920' style='text-decoration: none; font-family: Arial; font-size: 8pt; font-weight: bold'><font color='#000000'>Phyllis Marjory COSWAY (c.1920)&nbsp;</font></a><br/></td></tr></table>
<!-- SPOUSE 1 TABLE END -->
        </td>
        <td width='13'></td>
    </tr>
    <tr>
        <td colspan='2' style='padding: 0' align='center' valign='top' height='13'>
        </td>
        <td colspan='2' style='padding: 0' align='center' valign='top' height='13'>
        </td><td height='13'></td><td colspan='2' style='padding: 0' align='center' valign='top' height='13'>
        </td>
        <td width='13' height='13'></td><td></td>
    </tr>
    <tr>
        <td colspan='8' style='padding: 0' align='center' valign='top'>
<!-- SPOUSE 2 TABLE COMMENCES HERE --></td>
    <td width='13'></td>
    </tr>
    </table>
<!-- END FAMILY TREE TABLE -->
<br/>
</td>
</tr>
<!-- END OF MIDDLE ROW FOR FAMILY TREE TABLE -->
 
<!-- CREATE BOTTOM ROW FOR MEDIA BAR & COPYRIGHT -->
<tr>
   <td class='vab' align='center' height='75'>
<table width='100%' border='0' style='border-collapse: collapse' cellpadding='0'>
<!-- CREATE ROW FOR SCRAPBOOK -->
<tr>
<td class='bblk6' colspan='3' width='100%' align='center' height='15' bgcolor='#ffffff'>
 
<!-- START SCRAPBOOK TABLE -->
 
<table border='0' style='border-collapse: collapse' cellpadding='0' id='photos'>
    <tr>
        <td ><font face='Arial' size='1' color='#000000'><b/>SCRAPBOOK ARTICLES:&nbsp;</font></td>
        <td ><a href='#lightbox1' rel='lightbox1' class='lbOn' title='WW1 MEDAL CARD' style='text-decoration: none; font-family: Arial; font-size: 8pt; font-weight: bold'>1&nbsp;</a></td><td ><font face='Arial' size='1' color='#000000'>|</font><a href='#lightbox2' rel='lightbox2' class='lbOn' title='Cornish Guardian - Thursday 1st August 1935 - Page 10' style='text-decoration: none; font-family: Arial; font-size: 8pt; font-weight: bold'>&nbsp;2&nbsp;</a></td><td ><font face='Arial' size='1' color='#000000'>|</font><a href='#lightbox3' rel='lightbox3' class='lbOn' title='Cornish Guardian - Thursday 8th August 1935 - Page 5' style='text-decoration: none; font-family: Arial; font-size: 8pt; font-weight: bold'>&nbsp;3&nbsp;</a></td><td ><font face='Arial' size='1' color='#000000'>|</font><a href='#lightbox4' rel='lightbox4' class='lbOn' title='MEMORIAL CARD' style='text-decoration: none; font-family: Arial; font-size: 8pt; font-weight: bold'>&nbsp;4&nbsp;</a></td><td ></td><td ></td><td ></td><td ></td><td ></td><td ></td>
</tr>
</table>
 
<!-- END SCRAPBOOK TABLE -->
</td>
</tr>
<tr>
<td class='vat' align='center' colspan='5' bgcolor='#c2cfd5' height='1'></td></tr>
<tr>
<td class='vat' align='center' colspan='5' bgcolor='#5595cb' height='1'></td></tr>
<tr>
<td class='vac' width='20%' align='left' bgcolor='#79b4dd'>&nbsp;<a href='http://validator.w3.org/check?uri=referer'><img border='0' src='http://www.w3.org/Icons/valid-xhtml10-blue' alt='This page is certified by W3C as Valid XHTML 1.0 Transitional. The mark of a properly designed website!' height='31' width='88' /></a></td>
<td class='vat' align='center' bgcolor='#79b4dd' width='60%'><font face='Arial' size='2' color='#808080'>Media for Edwin</font><br/><a href='../../tree/censi/5831896.pdf' target='_blank'><img border='0' src='../graphics/census_on.gif' alt=''/></a><a href='certs.php?urn=5831896'><img border='0' src='../graphics/certs_on.gif' alt=''/></a><a href='photos.php?urn=5831896'><img border='0' src='../graphics/photo_on.gif' alt=''/></a><a href='stories.php?urn=5831896'><img border='0' src='../graphics/stories_on.gif' alt=''/></a></td>
<td class='vac' width='20%' align='center' bgcolor='#79b4dd'><font face='Arial' size='1' color='#000000'><font color='#ffffff'/><i/>(Hover over article number for description. Click to view. This facility requires Javascript to be enabled in your browser.)</font></td></tr>
<tr>
<td class='vat' align='center' colspan='5' height='1' bgcolor='#5595cb'></td></tr>
<tr>
<td class='vat' align='center' colspan='5' height='1' bgcolor='#c2cfd5'></td></tr>
<tr>
<td class='vat' align='right' colspan='5' bgcolor='#e0eff6'><font face='Arial' size='1' color='#000000'>v7.01 | © Copyright 2009 Kris Didymus | All Rights Reserved&nbsp;</font></td></tr></table>
</td>
</tr>
<!-- END OF BOTTOM ROW FOR MEDIA BAR & COPYRIGHT -->
</table>
 
<!-- START DIV FOR SCRAPBOOK POPUPS -->
 
<div id='lightbox1' class='leightbox'>
    <table border='0' style='border-collapse: collapse' width='450'>
    <tr>
        <td class='footer' align='right'><font face='Arial' size='1' color='#000000'><font color='#ffffff'/>
        (CLOSE)&nbsp;</font><a href='#' class='lbAction' rel='deactivate'>X</a>&nbsp;</td>
    </tr>
    <tr>
        <td align='center'><font face='Arial' size='1' color='#000000'>WW1 MEDAL CARD</font></td>
    </tr>
        <tr>
        <td align='center'><img src='../../tree/book/5831896-1.gif' alt='WW1 MEDAL CARD'/></td>
    </tr>
</table></div>
<div id='lightbox2' class='leightbox'>
    <table border='0' style='border-collapse: collapse' width='450'>
    <tr>
        <td class='footer' align='right'><font face='Arial' size='1' color='#000000'><font color='#ffffff'/>
        (CLOSE)&nbsp;</font><a href='#' class='lbAction' rel='deactivate'>X</a>&nbsp;</td>
    </tr>
    <tr>
        <td align='center'><font face='Arial' size='1' color='#000000'>Cornish Guardian - Thursday 1st August 1935 - Page 10</font></td>
    </tr>
        <tr>
        <td align='center'><img src='../../tree/book/5831896-2.gif' alt='Cornish Guardian - Thursday 1st August 1935 - Page 10'/></td>
    </tr>
</table></div>
<div id='lightbox3' class='leightbox'>
    <table border='0' style='border-collapse: collapse' width='450'>
    <tr>
        <td class='footer' align='right'><font face='Arial' size='1' color='#000000'><font color='#ffffff'/>
        (CLOSE)&nbsp;</font><a href='#' class='lbAction' rel='deactivate'>X</a>&nbsp;</td>
    </tr>
    <tr>
        <td align='center'><font face='Arial' size='1' color='#000000'>Cornish Guardian - Thursday 8th August 1935 - Page 5</font></td>
    </tr>
        <tr>
        <td align='center'><img src='../../tree/book/5831896-3.gif' alt='Cornish Guardian - Thursday 8th August 1935 - Page 5'/></td>
    </tr>
</table></div>
<div id='lightbox4' class='leightbox'>
    <table border='0' style='border-collapse: collapse' width='450'>
    <tr>
        <td class='footer' align='right'><font face='Arial' size='1' color='#000000'><font color='#ffffff'/>
        (CLOSE)&nbsp;</font><a href='#' class='lbAction' rel='deactivate'>X</a>&nbsp;</td>
    </tr>
    <tr>
        <td align='center'><font face='Arial' size='1' color='#000000'>MEMORIAL CARD</font></td>
    </tr>
        <tr>
        <td align='center'><img src='../../tree/book/5831896-4.gif' alt='MEMORIAL CARD'/></td>
    </tr>
</table></div>
<div id='lightbox5' class='leightbox'>
    <table border='0' style='border-collapse: collapse' width='450'>
    <tr>
        <td class='footer' align='right'><font face='Arial' size='1' color='#000000'><font color='#ffffff'/>
        (CLOSE)&nbsp;</font><a href='#' class='lbAction' rel='deactivate'>X</a>&nbsp;</td>
    </tr>
    <tr>
        <td align='center'><font face='Arial' size='1' color='#000000'></font></td>
    </tr>
        <tr>
        <td align='center'><img src='../../tree/book/blank.gif' alt=''/></td>
    </tr>
</table></div>
<div id='lightbox6' class='leightbox'>
    <table border='0' style='border-collapse: collapse' width='450'>
    <tr>
        <td class='footer' align='right'><font face='Arial' size='1' color='#000000'><font color='#ffffff'/>
        (CLOSE)&nbsp;</font><a href='#' class='lbAction' rel='deactivate'>X</a>&nbsp;</td>
    </tr>
    <tr>
        <td align='center'><font face='Arial' size='1' color='#000000'></font></td>
    </tr>
        <tr>
        <td align='center'><img src='../../tree/book/blank.gif' alt=''/></td>
    </tr>
</table></div>
<div id='lightbox7' class='leightbox'>
    <table border='0' style='border-collapse: collapse' width='450'>
    <tr>
        <td class='footer' align='right'><font face='Arial' size='1' color='#000000'><font color='#ffffff'/>
        (CLOSE)&nbsp;</font><a href='#' class='lbAction' rel='deactivate'>X</a>&nbsp;</td>
    </tr>
    <tr>
        <td align='center'><font face='Arial' size='1' color='#000000'></font></td>
    </tr>
        <tr>
        <td align='center'><img src='../../tree/book/blank.gif' alt=''/></td>
    </tr>
</table></div>
<div id='lightbox8' class='leightbox'>
    <table border='0' style='border-collapse: collapse' width='450'>
    <tr>
        <td class='footer' align='right'><font face='Arial' size='1' color='#000000'><font color='#ffffff'/>
        (CLOSE)&nbsp;</font><a href='#' class='lbAction' rel='deactivate'>X</a>&nbsp;</td>
    </tr>
    <tr>
        <td align='center'><font face='Arial' size='1' color='#000000'></font></td>
    </tr>
        <tr>
        <td align='center'><img src='../../tree/book/blank.gif' alt=''/></td>
    </tr>
</table></div>
<div id='lightbox9' class='leightbox'>
    <table border='0' style='border-collapse: collapse' width='450'>
    <tr>
        <td class='footer' align='right'><font face='Arial' size='1' color='#000000'><font color='#ffffff'/>
        (CLOSE)&nbsp;</font><a href='#' class='lbAction' rel='deactivate'>X</a>&nbsp;</td>
    </tr>
    <tr>
        <td align='center'><font face='Arial' size='1' color='#000000'></font></td>
    </tr>
        <tr>
        <td align='center'><img src='../../tree/book/blank.gif' alt=''/></td>
    </tr>
</table></div>
<div id='lightbox10' class='leightbox'>
    <table border='0' style='border-collapse: collapse' width='450'>
    <tr>
        <td class='footer' align='right'><font face='Arial' size='1' color='#000000'><font color='#ffffff'/>
        (CLOSE)&nbsp;</font><a href='#' class='lbAction' rel='deactivate'>X</a>&nbsp;</td>
    </tr>
    <tr>
        <td align='center'><font face='Arial' size='1' color='#000000'></font></td>
    </tr>
        <tr>
        <td align='center'><img src='../../tree/book/blank.gif' alt=''/></td>
    </tr>
</table></div>
 
<!-- END DIV FOR SCRAPBOOK POPUPS -->
 
</body>
</html>
Anybody got any ideas why this is happening? It doesn't affect the functionality of my page but it is annoying when everything else works!

Thanks very much in advance.

KD.
pruthvikrishna
Forum Newbie
Posts: 1
Joined: Thu Mar 05, 2009 1:12 am

Re: Problems with <DIV> affecting page layout

Post by pruthvikrishna »

hi


<script type='text/javascript' src='js2/prototype.js'></script>
<script type='text/javascript' src='js2/lightbox.js'></script>

may i have above files to check.......
kdidymus
Forum Contributor
Posts: 196
Joined: Tue May 13, 2008 3:37 am

Re: Problems with <DIV> affecting page layout

Post by kdidymus »

Thank you for taking the time to reply to me.

However, I have now discovered the joys of Lytebox and this has solved all of my problems.

Thanks again.

KD.
Post Reply