V-align trouble. Please help!

programming web dev
1

Hello!

I’m having some trouble on my site. If you check it out at http://www.spindriftmedia.com/2006 you should see a CSS table at the bottom with the copyright statement, site map, top and contact links.

I want the text/links to appear vertically in the middle of this box with space at the top and bottom instead of just below the text. I’ve put the following code in my style sheet:

#footer {
    left: 0;
    bottom: 0;
    position: absolute;
     margin: 0px;
     padding: 0px;
     width: 770px;
    height: 20px;
    vertical-align: middle;
    text-align: right; 
     background-color: #D1D1D1;
}/* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
body > div#footer {
    position: fixed;
}

I would have thought the “vertical-align: middle;” would have sorted it but something is evidently blocking it from happening.

Any thoughts on this would be greatly appreciated - thank you very much and I hope to hear from you,

All the best,

Mark

2

why dont u just add margin or padding to the top and bottom? if ur valign doesnt work? nokrev or richter will sort u out tho.

3

hey hkl,

good thinking, that’s worked a treat!

thank you very much.

all the best,

mark