Posted by RyanJ on April 6, 2010 at 7:08am
I'm having trouble with one fairly small thing while editing Zen. There is a gap at the bottom of the page that I can't eliminate. In the picture I have attached, I've outlined the area in red that I want to get rid of. I want the edge of the tortoise to be flush with the bottom of the page. I'm still pretty new at using CSS and Drupal, so this could be a really easy fix, but the "element has no style rules" in Firebug has me stumped. Can anyone help? Thanks!
Comments
I don't see the file I had
I don't see the file I had attached. Apparently I can't even figure out how to post messages. Boy, am I in rough shape... I'm having internet issues too, so I'm having trouble uploading the image elsewhere.
Ok, here we go... Link to the
Ok, here we go... Link to the image. http://img.photobucket.com/albums/v131/brave-ireland/frustration.jpg
You should try to identify
You should try to identify what part of your code is generating the element. I do this with the webdeveloper extension for firefox (https://addons.mozilla.org/de/firefox/addon/60). Sometimes Javascript stuff get's dropped in a DIV like that.
Web Developer Toolbar for Firefox
Another very useful tool: https://addons.mozilla.org/en-US/firefox/addon/60
Try the option "Topographic information" from the "Information" menu or one of the many outline options.
hth
Frank
Frank
My LinkedIn profile
I realized that the images
I realized that the images could go all the way to the bottom of the screen if I put them as a background image, instead of putting them in a closer block. But the image wants to stay flush with the menu or content area if there's not enough things on the page to push the image to the bottom. Now I just need to figure out the right css to get it to stay at the bottom. This is only the second site I've done in Drupal, so I'm still learning, but I feel like I'm picking it up pretty fast, and it's fun.
I installed the addons and will give them a try. Thanks guys. I have Firebug installed, and that has been incredibly helpful. It just wasn't very helpful with this particular issue.
position: absolute;
If you want the image to always stay at the bottom try using CSS position: absolute;. You will find some more useful resources on CSS in general at http://docs.moodle.org/en/CSS_FAQ
hth
Frank
Frank
My LinkedIn profile
fix in zen's layout.css
#page {overflow-y: hidden;}is commented out at the bottom of either of zen's layout css files, with an explanation about this particular issue.