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> Any help is appreciated Quote Link to comment https://forums.phpfreaks.com/topic/260879-valign-problem-in-firefox/ Share on other sites More sharing options...
salem80 Posted May 7, 2012 Share Posted May 7, 2012 I See it's looks fine on Firefox Quote Link to comment https://forums.phpfreaks.com/topic/260879-valign-problem-in-firefox/#findComment-1343841 Share on other sites More sharing options...
BuildMyWeb Posted May 16, 2012 Share Posted May 16, 2012 looks good to me also. but in IE9 your image-links have blue border. Quote Link to comment https://forums.phpfreaks.com/topic/260879-valign-problem-in-firefox/#findComment-1345810 Share on other sites More sharing options...
algidDes702 Posted May 16, 2012 Share Posted May 16, 2012 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. Quote Link to comment https://forums.phpfreaks.com/topic/260879-valign-problem-in-firefox/#findComment-1346125 Share on other sites More sharing options...
DeathRabbit Posted May 18, 2012 Share Posted May 18, 2012 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> Quote Link to comment https://forums.phpfreaks.com/topic/260879-valign-problem-in-firefox/#findComment-1346491 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.