asked on

Probably a stupid CSS question

I am trying to figure out why the image hangs off the bottom of this page:
http://officespacefallschurch.com/index.php
There is probably a simple answer to this, but I don't see it. All the container heights are set to auto. I tried inherit, but that didn't work either. On another of these pages, I have added a ton of empty p tags, but I should learn how to fix this!

SOLUTION

Gregg

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

themrrobert

Well it looks like you have too many </div> tags.

I think you are leaving "contentBox" class div earlier than you mean to. But there is also a 2nd extra </div> tag that I can't explain.

You have spaces between class and ="addedImage", I think that's not helping you.

If you remove these lines:

        <div id="bottomphoto">
          	  <p></p>
        </div> 
                      	<p>&nbsp;</p>
</div>
    </div>

Open in new window

And then remove the extra spaces. you might be good.

Also consider using the HTML5 doctype: <!DOCTYPE html>

nanharbison

ASKER

Okay, it validates now, that was a good idea. And I removed the extra closing div. Image still hangs off the bottom of the page.
And you mean just use:
<!DOCTYPE html>
and that is it? I changed the doctype to this.

jtwcs

As stated above, there are extra </div> tags towards the bottom of the page.

Updating the following declaration should fix the problem.

.contentText {

font-size:13px;
line-height:24px;
margin-left:13px;
margin-right:13px;
overflow:auto;

}

ASKER CERTIFIED SOLUTION

themrrobert

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

nanharbison

ASKER

That was it! Overflow - I don't usually think to use overflow. Thank you, and thanks for reminding me to validate. I had totally lost track of the opening and closing divs.

jtwcs

I provided the overflow solution, why was I not credited with the answer?

nanharbison

ASKER

what! I credited the wrong person! Can I do something about that?

nanharbison

ASKER

I totally missed that you had the same thing.

jtwcs

Yes, I provided the solution earlier and themrrobert tested and verified that it worked.

You can Request Attention or post a question in the support topic to ask for moderator assistance.