By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
435,241 Members | 799 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 435,241 IT Pros & Developers. It's quick & easy.

Problem with vertical aligning in a cell using css in firefox browser

P: 1
Hello, im brand new to forums and as you will see to css! The problem im having here is the text i want in the cell (class hd) refuses to align to the top in firefox. Ive tried placing it straight into the first class hd cell without the table tags or tbody tags with no luck. If i add more text than there is now it pushes the link table below it out of sight. I may not have placed enough of the code here to see exactly what's happening so you can view the page here

I realise that firefox is better at handling css than IE but not forgiving so i would like to understand why this is happening. As it is it looks ok because ive limited the amount of text in the cell. But i would like to place a form there on some pages and when i do it just wont align to the top to fit in the space correctly. Thank you in advance for helping a novice developer.

Expand|Select|Wrap|Line Numbers
  1. ..
  3. {
  4. font-family: verdana;
  5. font-weight: bold;
  6. font-size: 14pt;
  7. font-style: italic;
  8. text-align: left;
  9. color: #bc596d;
  10. vertical-align: text-top;
  11. }
  13. td.hd
  14. {
  15. font-size: 8pt;
  16. font-family: verdana;
  17. text-align: left;
  18. color: #413392;
  19. vertical-align:top;
  20. }
  21. ..
Expand|Select|Wrap|Line Numbers
  1. ..
  2. <td class="hd" valign="top" height="87">
  3. <div align="right">
  4. <table border="0" cellpadding="0" cellspacing="0" width="325" id="table201">
  5. <tbody><tr>
  6. <td class="ht" height="23"></td>
  7. </tr>
  8. <tr>
  9. <td class="hd">Looking to buy a car or sell a car? Maybe you need some helpful advise on buying and selling? You may have a mechanical issue or need a vehicle inspection. Whatever your motoring needs we are here to help.</td>
  10. </tr></tbody>
  11. </table>
  12. </div>
  13. </td>
  14. ..
Oct 10 '06 #1
Share this question for a faster answer!
Share on Google+

Post your reply

Sign in to post your reply or Sign up for a free account.