CSS Nav Alignment Problem

[DrkFusion]

i I recently made a nav, the problem is it aligns to the top (see attachment) I have clearly stated in the style to vertical align it to middle.

How do I do this? I also have a image in the attachments of how I wish for it to look


Thanks!

Attachments
http://www.vasantham.ca/cssprob.gif
http://www.vasantham.ca/cssprob-howiwantit.gif

[DrkFusion]

i I recently made a nav, the problem is it aligns to the top (see attachment) I have clearly stated in the style to vertical align it to middle.

How do I do this? I also have a image in the attachments of how I wish for it to look


Thanks!

Umm where are the attachments?

[Paul O'B]

Hi,

Vertical align determines the alignment of text within a line of text, or within a table cell. It does not vertical align text within a div.

You will probably need to use something like padding-top: 5px; to move the text down a bit. (Or use % etc).

Paul

[The New Guy]

I came across the same problem. I found that using padding it does something odd in IE and the total size will not be the same as Mozilla. I ended up using 1*1 spacer images, to bump the text down. You could work around the IE problem by having the same color behind the div tag, and the same color as the div tag. I did not want this and had to use a spacer.

[DrkFusion]

Thank You!

[DFS]

If you have to use spacer .gif's though, you're no longer keeping presentation apart from content. You can avoid this by adding the padding to the inner element instead of the containing block that has it's height defined. If you can't do that, then you can restate the height for Mozilla with the html>body selector (which IE can't read) ala the box model hack.