We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

CSS issue

PitaMaria
PitaMaria asked
on
Medium Priority
228 Views
Last Modified: 2012-05-11
Here's my page: http://parkhillvet.com/about-phvmc/

Here's my issue: div#content (the one with background-color:pink) is getting cut off. I need it to display all of its content, obviously, but still push div#footer to appear after it. I have some overflows hidden and some heights left unassigned but I can't figure out how to avoid that.

Any help?
Comment
Watch Question

Paul MacDonaldDirector, Information Systems
CERTIFIED EXPERT

Commented:
What is the DIV's "overflow" value set to?

Author

Commented:
It's set to visible, but one its containing divs -- #main -- is set to 'hidden'. If I change that div#main to overflow:visible it shows all content BUT it breaks some page styling and doesn't push div#footer down the page.
Paul MacDonaldDirector, Information Systems
CERTIFIED EXPERT

Commented:
Then it sounds like the footer (and perhaps some of the other content) isn't flowing properly.  Check their display property is correct.

Author

Commented:
I think it might have something to do with div#primary -- that div seems to be dictating the height of div#main. Any chance you could take a look at my code and offer some suggestions?
Top Expert 2011

Commented:
It definitely is a problem with your markup.

I am trying to work a way out to make it work by only adjusting your CSS.

The issue is that your #main is not realizing that there is a div inside of it that is taller than #primary. This is the #container div.

You can see this is the problem if you apply a height to the #main at line 284 of your css. If you give it a height of 1000px, you will see your content appear.

I will keep working on it to see if there is a way to avoid reworking your markup.
Top Expert 2011
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a sample view!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.