valign problem in firefox

[usman07]

I been checking my website in different browsers, it works fine in safari and google chrome, but in firefox my navigation and image are misplaced on the page. I think its due to using valign-"bottom"

 

you can take a look at the page, here the link: www.usmanshakoor.co.uk

 

heres my HTML code:

<table id="table1" border="0" cellpadding="0" cellspacing="0">
			<tr>
			<td valign="bottom"><div id="title"><img src="Images/Homepage/title.png" alt=""/></div></td>

			<td valign="bottom"><div id="navigation">
<a id="Home" href="index.html" title="homepage"><span>home</span></a>
<a id="Portfolio" href="portfolio.html" title="portfolio"><span>for sale</span></a>
<a id="About" href="about.html" title="about"><span>for rent</span></a>
<a id="Blog" href="blog.html" title="blog"><span>blog</span></a>
</div>
	</td>	
		</tr>
			</table>

 

Any help is appreciated

[salem80]

I See it's looks fine on Firefox

[BuildMyWeb]

looks good to me also.  but in IE9 your image-links have blue border.

[algidDes702]

Looks fine to me as well in chrome and firefox, however i have had major rendering frustrations in my past using tables and their standard attributes. I usually stick with CSS and have a little bit more control over exactly how 'bottom-aligned' i guess you could say, i wanted my images, divs, whatever.

[DeathRabbit]

I agree with the comment about using css. It's so much more powerful and clean. Also, if you are going to align both columns, why not just align the row! Less typing is always good for us lazy programmers.

 

<table id="table1" border="0" cellpadding="0" cellspacing="0">
			<tr style="vertical-align:bottom">
			<td><div id="title"><img src="Images/Homepage/title.png" alt=""/></div></td>

			<td><div id="navigation">
<a id="Home" href="index.html" title="homepage"><span>home</span></a>
<a id="Portfolio" href="portfolio.html" title="portfolio"><span>for sale</span></a>
<a id="About" href="about.html" title="about"><span>for rent</span></a>
<a id="Blog" href="blog.html" title="blog"><span>blog</span></a>
</div>
	</td>	
		</tr>
			</table>