Hi, i’m working on my website: NerdyFuture. If you look at the pictures at the top of the page you can probably see the title at the bottom with some text. Well if you have a monitor which has a bigger resolution than mine you will see that the text doesn’t stay at the bottom of that picture. I tried to make the container relative with the title positioned absolute and using bottom:0px, but it didn’t work. How to make this happen?
So…no offense but this page is a mess. This needs to probably be completely scrapped as it is now.
That being said, you can get that test4 to be at the bottom always by doing the following
div#minifrontpage-135 .mfp-introtitle
{
top:auto;/*change it to this value.*/
bottom:0;/*add this*/
padding-bottom:0;/*overwrite a handful of other places you set padding*/
position:absolute;/*change it from relative to this so you can actually position it like you want*/
}
Thank you very much for your help. But that doesn’t work. It puts the introtitle at the bottom of the container unless you try to resize the browser windows which increases the image size, the introtitle doesn’t follow the image to the bottom.
You give very little info and the structure is a mess, I agree on that! You could save us time telling us what you know about the problem. Is Ryan targeting the problem or not?
“top of page, title with some text, introtitle, container, image”? Your code is too complex to be so vague, please name the exact element(s) that is not placed/behaving as you want it to.
Look at your web page through the eyes of the HTML validator: http://validator.w3.org/
It will help if you pay attention to and fix most of the errors.
Hopefully, you will figure out why the auto-resizing images in the head flow over the content below them at large sizes.
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.