Element has no style rules

Events happening in the community are now at Drupal community events on www.drupal.org.
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

Posted by RyanJ on April 6, 2010 at 7:11am

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

Posted by RyanJ on April 6, 2010 at 7:24am

You should try to identify

Posted by vzsze on April 6, 2010 at 8:11am

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

Posted by frank ralf on April 7, 2010 at 7:32am

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

I realized that the images

Posted by RyanJ on April 7, 2010 at 10:53pm

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;

Posted by frank ralf on April 8, 2010 at 6:43am

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

fix in zen's layout.css

Posted by echoz on May 5, 2010 at 8:06am
#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.

AltStyle によって変換されたページ (->オリジナル) /