Member Avatar for TheTeen

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)
  • 4 Contributors
  • 3 Replies
  • 573 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by sreein1986
Member Avatar for JugglerDrummer

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!

Member Avatar for MidiMagic

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

Member Avatar for sreein1986

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 developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.