Check www.virapetz.com The navigation bar seems to overlap the content box (even when the big map isn't there.

Here is the code:

<table width="760px" border="0">
  <tr>
    <td colspan="2" style="background-color:white;"><div id="container">
<div><img src="http://www.virapetz.com/images/virav2banner.png" /></div>
<div style="position: absolute; left: 620px; top:24px;">
<span style="font-weight: bold; color: #000000;">Hiya, (username)!
<br>vP:  (points)
<br>Active Pet:  (activepet)</span>
    </td>
  </tr>
  <tr>
    <td style="background-color:#ebf7ff;width:145px;height:100%;position:absolute;text-align:top;">
      Left menu<br />
      Item 1<br />
      Item 2<br />
      Item 3...
    </td></tr>
    <td style="background-color:#eeeeee;width:615px;text-align:top;">
(datestamp)

Recommended Answers

You fixed the site I can see. You can just change the margin-left of #center to shift the image over now. :D Good job changing from table based layout!

Jump to Post

All 3 Replies

You fixed the site I can see. You can just change the margin-left of #center to shift the image over now. :D Good job changing from table based layout!

This is a known bug. Divs don't behave properly inside table cells.

Check www.virapetz.com The navigation bar seems to overlap the content box (even when the big map isn't there.

Here is the code:

<table width="760px" border="0">
  <tr>
    <td colspan="2" style="background-color:white;"><div id="container">
<div><img src="http://www.virapetz.com/images/virav2banner.png" /></div>
<div style="position: absolute; left: 620px; top:24px;">
<span style="font-weight: bold; color: #000000;">Hiya, (username)!
<br>vP:  (points)
<br>Active Pet:  (activepet)</span>
    </td>
  </tr>
  <tr>
    <td style="background-color:#ebf7ff;width:145px;height:100%;position:absolute;text-align:top;">
      Left menu<br />
      Item 1<br />
      Item 2<br />
      Item 3...
    </td></tr>
    <td style="background-color:#eeeeee;width:615px;text-align:top;">
(datestamp)
<table width="760px" border="0">
  <tr>
    <td colspan="2" style="background-color:white;"><div id="container">
<div><img src="http://www.virapetz.com/images/virav2banner.png" /></div>
<div style="position: absolute; left: 620px; top:24px;">
<span style="font-weight: bold; color: #000000;">Hiya, (username)!
<br>vP:  (points)
<br>Active Pet:  (activepet)</span></div>
	</div>
    </td>
  </tr>
  <tr>
    <td style="background-color:#ebf7ff;width:145px;height:100%;position:absolute;text-align:top;">
      Left menu<br />
      Item 1<br />
      Item 2<br />
      Item 3...
    </td></tr>
    <tr>
    <td style="background-color:#eeeeee;width:615px;text-align:top;">
(datestamp)</td>
</tr>
	</table>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.19 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.