usman07 Posted April 13, 2012 Share Posted April 13, 2012 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> Quote Link to comment https://forums.phpfreaks.com/topic/260881-valign-problem-in-firefox/ Share on other sites More sharing options...
usman07 Posted April 13, 2012 Author Share Posted April 13, 2012 Sorry iv added same question twice. Quote Link to comment https://forums.phpfreaks.com/topic/260881-valign-problem-in-firefox/#findComment-1337136 Share on other sites More sharing options...
caliux Posted April 14, 2012 Share Posted April 14, 2012 Why do you use tables?Tables aren`t good! Quote Link to comment https://forums.phpfreaks.com/topic/260881-valign-problem-in-firefox/#findComment-1337268 Share on other sites More sharing options...
colleyboy Posted May 3, 2012 Share Posted May 3, 2012 Lets not knock tables but help the poor boy Best thing to do is add inline css where you have the valign. Replace this with: style="vertical-align:top;" Hope this helps Quote Link to comment https://forums.phpfreaks.com/topic/260881-valign-problem-in-firefox/#findComment-1342800 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.