Table repeats when cell contains a Div

[Guest]

Using FrontPage 2003 on Windows XP:

I created a one-row, one-column, one-cell table. The cell has an image
background. This is fine. Then I insert a Div into the cell (to write
formatted and "positioned" text into the cell, on top of the background
image).

Inserting the Div causes the table to repeat, i.e., whole table displays
twice across the page (horizontally repeating), viewing with Internet
Explorer 6.

I tried style=background: no-repeat, but this just made the whole table and
image disappear from the page.

The code is simple:
<table width="393" height="380">
<tr>
<td width="393" height="380" img background="images/xxx.jpg">
<div class="xxx">
</div>
</td>
</tr>
</table>

Question: how do I prevent this repeating display? (Note: this displays fine
with no repeating in FireFox browser, but has the repeating problem only in
Internet Explorer 6)

 

[Murray]

I created a one-row, one-column, one-cell table. The cell has an image

background. This is fine. Then I insert a Div into the cell (to write
formatted and "positioned" text into the cell, on top of the background
image).

By positioned I hope you don't mean that the div is absolutely positioned in
that cell.

Inserting the Div causes the table to repeat, i.e., whole table displays
twice across the page (horizontally repeating), viewing with Internet
Explorer 6.

Sorry - it's just not possible. 8)

Do you have a link to the page?

I tried style=background: no-repeat, but this just made the whole table
and
image disappear from the page.

Did you try it with quotes?

style="background-repeat:no-repeat"

Oh - I see your markup below -

<table width="393" height="380">
<tr>
<td width="393" height="380" img background="images/xxx.jpg">
<div class="xxx">
</div>
</td>
</tr>
</table>

That's not proper syntax - try this -

<table width="393" height="380">
<tr>
<td width="393" height="380"
style="background-image:url(images/xxx.jpg);background-repeat:no-repeat;">
<div class="xxx">
</div>
</td>
</tr>
</table>

 

[Guest]

Worked like a charm. Thanks!

By positioned I hope you don't mean that the div is absolutely positioned in
that cell.


Sorry - it's just not possible. 8)

Do you have a link to the page?


Did you try it with quotes?

style="background-repeat:no-repeat"

Oh - I see your markup below -

<table width="393" height="380">
<tr>
<td width="393" height="380" img background="images/xxx.jpg">
<div class="xxx">
</div>
</td>
</tr>
</table>

That's not proper syntax - try this -

<table width="393" height="380">
<tr>
<td width="393" height="380"
style="background-image:url(images/xxx.jpg);background-repeat:no-repeat;">
<div class="xxx">
</div>
</td>
</tr>
</table>

 

[Murray]

You're welcome!

And did you say whether you have a layer in that table cell?