Table repeats when cell contains a Div

  • Thread starter Thread starter Guest
  • Start date Start date
G

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)
 
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).
Click to expand...

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.
Click to expand...

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.
Click to expand...

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>
 
Worked like a charm. Thanks!

Murray said:
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>
Click to expand...
 
Back
Top