Firefox 3 aligning issue

[Zyenet]

I was testing my site in Firefox 3, and found that the right sidebar gets pushed down quite a bit. This is very annoying, and I'm wondering if anyone knows how to fix it.

Thanks in advance.

P.S. My url is http://www.zyetendo.com

 

[Murder he Wrote]

I would create a new css class called .sidebar-right and use the following code:

.sidebar-right {
	width: 190px;
	margin-top: 8px;
	margin-bottom: 9px;
   float: right;
}

Then rename the right sidebar's container from class="sidebar" to class="sidebar-right".

Floating right may push it up. Not 100% Sure though.

 

[Zyenet]

Tried it. Didn't work. Actually, that's the same code I was using originally.

 

[Zyenet]

Anyone got any ideas?

$5 USD to the person who can fix this for me.

 

[spyka]

Why are you floating the <td>s? You dont need to.

Just something like this should work:

<table>
<tr>
<td width="20%">
left sidebar
</td>
<td width="60%">
center column
</td>
<td widht="20%">
right sidebar
</td>
</tr>
</table>

 

[Zyenet]

Tried that code. Not only made the page look worse, but didn't fix the floating issue.

 

[Murder he Wrote]

Did you take into account that Spyka made a typo near the bottom of the code?

Try again but change:

<td widht="20%">
right sidebar
</td>

With:

<td width="20%">
right sidebar
</td>

Spyka knows what he's talking about when it comes to this kind of thing ~smile~

 

[spyka]

If it doesn't work then there must be some other CSS messing it up, you shouldn't need any CSS on the tds.. here is a quick mockup I made: http://spyka.co.uk/stuff/table.html

 

[Raymond]

Did any of this solve your problem?