Child text box does not refresh after window resize...

[Sixbells]

Website: http://www.mwncov.com
When I resize the window, the text box on the Lawyers' pages disappears and
needs to be refreshed before being displayed again. I know I could use the
System Meta Variable (HTTP-EQUIV) dialog box, type REFRESH and set a time
interval, but that would not always refresh after resizing the window.

I always thought that a window resize forced a refresh, obviously not. Is
there a way for me to capture a resize event, and 'force' a refresh?? I am
at a loss.

 

[Murray]

You need to correct the improper syntax in your child div -

<div style="position: absolute; top: 378px; left: 47px; z-index:1;
visibility:visible" id="child" width: "260px;" height: "147px;">

should be -

<div style="position: absolute; top: 378px; left: 47px; z-index:1;
visibility:visible; width: 260px;height:147px;" id="child">

But here's the problem - you must not put an absolutely positioned element
directly into a table cell, which you *have* done. The good news is this -
it *doesn't matter WHERE you put that markup on the page, since the element
it describes is absolutely positioned. So - assuming you have made the
change I recommend here, change this -

<td style="padding: 0px;" bgcolor="#ffffff" align="left" width="392"
rowspan="7">
<div style="position: absolute; top: 378px; left: 47px; z-index:1;
visibility:visible; width:260px;height:147px;" id="child">

to this -

<td style="padding: 0px;" bgcolor="#ffffff" align="left" width="392"
rowspan="7">

and this -

</body>

to this -

<div style="position: absolute; top: 378px; left: 47px; z-index:1;
visibility:visible; width:260px;height:147px;" id="child">
</body>

and see if that works better.

By the way, you should refine your table technique to move beyond merging
and splitting cells - a sure way to produce fragile layouts....

 

[Sixbells]

Just to clarify so that I understand:
~~~~~~~~~~
<td style="padding: 0px;" bgcolor="#ffffff" align="left" width="392"
rowspan="7">
<div style="position: absolute; top: 378px; left: 47px; z-index:1;
visibility:visible; width:260px;height:147px;" id="child">
<table cellpadding="0" cellspacing="0" width="313" height="195"
id="table1">
<!-- MSTableType="layout" -->
<tr>
<td height="195" width="313">
<p class="contactBannerAttNameText">
BARRON L. WEINSTEIN</p>
<p class="contactBannerText">
Insurance Coverage</p>
<p class="contactBannerText"> </p>
<p class="contactLinkText">
<a title="Click to Email Mr. Weinstein"
href="mailto:[email protected]?subject=Attention: Mr. Weinstein">
<font color="#FFFFFF">[email protected]</font></a></p>
<p class="contactBannerText">
Tel 415.927.6920</p>
<p class="contactBannerText">
Fax 415.927.6929</p>
</td>
</tr>
</table>
</div>
~~~~~~~~~~
....you are referring to this table ("table1)?
<table cellpadding="0" cellspacing="0" width="313" height="195" id="table1">

If so, then where would I put the absolute markup?

I am sorry Murray, I just am not following your excellent reply. I did move
the entire block above to the last markup before /body, it did not require
refresh but then was not absolute, check out www.mwncov.com/blw2.htm please.

Regarding your last comment, I think this is why I am seeing the white space
error with third party browsers. I started out with a more refined your
table technique, but it quickly disintegrated into what it is now. I will do
a complete rewrite once I finish this absolute positioning issue.

And thanks Murray, I DO appreciate your time!
--
Many Regards and Thank You,
Sixbells

You need to correct the improper syntax in your child div -

<div style="position: absolute; top: 378px; left: 47px; z-index:1;
visibility:visible" id="child" width: "260px;" height: "147px;">

should be -

<div style="position: absolute; top: 378px; left: 47px; z-index:1;
visibility:visible; width: 260px;height:147px;" id="child">

But here's the problem - you must not put an absolutely positioned element
directly into a table cell, which you *have* done. The good news is this -
it *doesn't matter WHERE you put that markup on the page, since the element
it describes is absolutely positioned. So - assuming you have made the
change I recommend here, change this -

<td style="padding: 0px;" bgcolor="#ffffff" align="left" width="392"
rowspan="7">
<div style="position: absolute; top: 378px; left: 47px; z-index:1;
visibility:visible; width:260px;height:147px;" id="child">

to this -

<td style="padding: 0px;" bgcolor="#ffffff" align="left" width="392"
rowspan="7">

and this -

</body>

to this -

<div style="position: absolute; top: 378px; left: 47px; z-index:1;
visibility:visible; width:260px;height:147px;" id="child">
</body>

and see if that works better.

By the way, you should refine your table technique to move beyond merging
and splitting cells - a sure way to produce fragile layouts....

 

[Sixbells]

How did you know I would be laughing? Thanks tons Murray! I will try to
optimize the table layout to see about the white space at the bottom of the
page on third party browsers, but don't worry about that, you have helped
enough!!

Thanks again for your patience, I have learned a lot from you my friend.
Take care!

 

[Murray]

Good luck!

--
Murray
MVP Expression Web

How did you know I would be laughing? Thanks tons Murray! I will try to
optimize the table layout to see about the white space at the bottom of
the
page on third party browsers, but don't worry about that, you have helped
enough!!

Thanks again for your patience, I have learned a lot from you my friend.
Take care!