Okay, having some CSS issues (obviously) – the first one is prolly something stupid, but the second one I’m not so sure about.
I just need the links at the bottom of the sky background, resting on top of the water… The part with the sky is it’s own div, and then the water is another div.
The other one may just be some kind of image rendering issue; not sure. I guess you’ll figure it out as soon as you see it >.>
The sea turtle is in there as an img (it’s in the main wrapper div, but outside/below the main content div), the blue bg is just the body bg color, the sand where the drop-shadow is is a separate div, and then the color change beneath that is another div. As you can see there is that funny line where the drop shadow cuts off. I’ve triple-checked the div hight… it’s correct (measured it and everything), the sea turtle image itself doesn’t cut off like that, so I have no clue what’s causing it :sick: The sand bg is only on repeat-x, so I know it’s not repeating below were it’s suppose to.
Let me know if you need to see the code for that one x.x
Re the absolute positioning idea… it’s something I would do if my div could GROW. But if it’s a div who has rather fixed dimensions, I’ll use top-padding on the div to push down its contents instead. The background image still starts at the top of the div, and if any height were set on the div, reduce that height by the amount of padding you’ve added in.
I’m not sure which of the two methods is best for dealing with text-enlarge though.
The second image, in the original post, below the sea turtle drop shadow – it needs to be fixed. I am trying to figure out if it’s the CSS, the image, or something screwy x.x If it can be fixed, obviously I’d like to do that; or if it can’t be fixed then I need to know so I can do something different.
Funny how much easier this is with files to play with, though I should have seen the problem without them.
By default, a little bit of space is left below images, so that if they are in line with text their bottom will align with the baseline of the text. That means there is a bit of space under the image below which the text descenders hang. That is, the image aligns with the the line the text sits on, rather than the bottom of letters with descenders, like p, y, g etc. This happens even if there is no text next to the image.
For the nav to sit at the bottom of its div, give the div
and give the nav
As for the turtle drop shadow, you guessed it, we need to see some code. Really, though, a link would be better. (Just as, if you want us to rate your music, we’d rather hear it than look at sheet music.)
Anyhow, both issues should be easy to fix, I would think.