simple css/html alignment issue (frustrated)
can’t for the life of me figure out why these two are not lining up correctly…
The "latest mix" and "album review" aren’t lining up and I can’t seem to figure out why…
they’re lined up for me in Chrome5. you shouldn’t really use tables for layout, though.
this is what it looks like for me…
It’s also off (though not as drastic in FF)
should I only use divs?
Yes. Typically, tables should be used for tabular data, and div should be the main element to define structure to your site. It’s also easier to maintain and so on.
I changed it to divs and it lines up correctly. Can’t figure out how to vertically align text to the bottom though
also, how come when I apply a padding or margin it breaks the float (left/right).
I’m trying to get the "more mixes" and "more reviews" to the bottom of the div…
|
I changed it to divs and it lines up correctly. Can’t figure out how to vertically align text to the bottom though
also, how come when I apply a padding or margin it breaks the float (left/right). I’m trying to get the "more mixes" and "more reviews" to the bottom of the div… |
Play around with line-height if you wish to vertically align text. You can also apply a parent container and add padding.
As far as your margin/padding question, review the following link to get an understanding of how the box model works. You can then implement your margings/paddings accordingly.
Also, when floating containers and altering dimensions, watch for the that will cause your floats to break.
You can’t have a dynamic bottom alignment? The summary/descriptions change and if I set line height it might work for one but as soon as it changes it’ll be off.
Then utilize additional padding/margin styles. Or work off % dimensions.
argg, I will run into the same problem that way. The total height of that container is a set px, but the stuff inside it changes. I can’t have a set top/bottom padding for the bottom text
position: relative; (main div)
position: absolute: bottom: 0; (bottom text div)
seemed to do the trick