Home/ Questions/Q 524453
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T08:34:10+00:00

Im going mad trying to figure out why the title link (in the left)

  • 0

Im going mad trying to figure out why the title link (in the left) and the other links in the nav bar (right) are not the same height.

The difference is subtle in Safari, but bigger in IE6.

Im missing something in the css reset of H1?

SAFARI
alt text http://img218.imageshack.us/img218/702/safari.png

IE6
alt text http://img64.imageshack.us/img64/870/ie6.png

The HTML

<div id="navbar">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="left">
            <h1><a href="http://ide.as">title</a></h1>

        </td>
        <td align="right">
            <a href="about.html" class="color1">about</a>
            <a href="faq.html" class="color2">answers</a>
            <a href="contact.html" class="color3">contact</a>
            <input type="text" name="search" value="" id="searchbox">&nbsp;<a class="color4" href="sss">search</a>
        </td>
    </tr>
    </table>
    </div>

and the css

#navbar a, h1 a { padding: 3px 5px; vertical-align: middle;}

h1 has been reset

h1 {margin:0;padding:0;}
h1 {font-size:100%;font-weight:normal;}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think it’s because the text input in the right table cell is causing that table cell to “stretch” a little taller than the left table cell (and it will be slightly different on different browsers depending how large they draw the text input box) and thus throwing off the alignment a bit. Try vertical-align:bottom; on the left table cell.

    • 0