Forum Moderators: not2easy

Message Too Old, No Replies

h1 vertical positioning problem

in table cell

         

str8dwn

3:35 pm on Jun 21, 2007 (gmt 0)

10+ Year Member



For some reason when I take change my div tag to a h1 with a class with the same properties as the original div, the text floats to the very top of the table cell. Yet it's perfectly fine in the div. I am changing the tag to h1 for SEO of course as this is the main info about the page.

Ironically, it appears fine in Dreamweaver, but when viewed in the browser it goes to the top of the cell.

Before:
<div class="h1_header">Main Page Info</div>

.h1_header {text-decoration:none; text-align:left; font-family: Verdana, Arial; font-size:12px; padding-left:20px; font-weight:bold; color:#fff;}

After:
<h1 class="h1_header">Main Page Info</h1>

str8dwn

3:48 pm on Jun 21, 2007 (gmt 0)

10+ Year Member



Got it, it was the margin:0px; missing from my class properties.

DrDoc

5:24 pm on Jun 21, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to WebmasterWorld! [WebmasterWorld.com]

Glad you got it solved!