|
|||||||||
|
|||||||||
| |||||||||
|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Codewalkers Forums Sponsor:
|
|
You eat, breathe and sleep innovation. Build your mobile intelligence with BlackBerry® experts this July. Register Today! |
|
#1
February 10th, 2005, 10:23 PM
|
|||
|
|||
|
css vertical-align problems
I have been having issues with the vertical-align: bottom; tag. It's simply not working. So far I've only looked at the page in Firefox, but that shouldn't be an issue. I am trying to use it to put text at the bottom of a <div> Is there a better way of doing this or am I doing something wrong?
CSS Code:
#head {
background: url(./images/title.gif) 0 0 no-repeat;
height: 100px;
max-height: 100px;
clear: both;
font-weight: bold;
color: #660000;
vertical-align: bottom;
font-size: 30px;
text-align: right;
}
html Code:
<div id='head'> Timeless Photography - By Kelly </div> <!-- for head -->
|
|
#3
February 16th, 2005, 01:37 AM
|
|||
|
|||
|
RE: css vertical-align problems
i think vertical-align is only for inline elements, like span for example.
even at that, im pretty sure its not what you want. its only an alignment for the line, not the whole container. think of it like like the <sup> or <sub> tags but just more controll. if you want to align something at the bottom of a container, either use margin or padding. if you dont know the height of the box, then use absolute positioning so you can just do position: absolute; bottom: 0px;
|
|
#4
February 24th, 2005, 04:25 AM
|
|||
|
|||
|
RE: css vertical-align problems
I always use it with tables and I've never had a problem. I put it on the <td> tag which I believe is a block level tag. I've never had a problem with it.
|
|
| Viewing: Codewalkers Forums > Other Technologies > Client Side Things > css vertical-align problems |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
|
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
