Solved

A Little CSS Help?

Posted on 2012-03-15
8
236 Views
Last Modified: 2012-03-21
I have a site in the works here, and I am stuck getting something to work right.

Here is the site: http://new.o7thwebdesign.com/

And the issue is, you should see in the header the white fluffy stuff at the bottom of the blue, and in the footer, you should see the same, but at the top.

I need this to be above the middle area.

I've tried setting the z-index, but that does not appear to be working...
0
Comment
Question by:kevp75
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
8 Comments
 
LVL 22

Assisted Solution

by:Kim Walker
Kim Walker earned 250 total points
ID: 37726476
What are you calling the middle area? I do see the things you're saying I should at the bottom of the header and the top of the footer. What should be above the middle? If the page_body section is the middle, then above the middle would also be the bottom of the footer, right? Or do you mean layered on top of the middle? They don't overlap, so that can't be it.

I see several elements with a z-index of 2 so the latter element would be layered on top of a former element in those cases.
0
 
LVL 25

Author Comment

by:kevp75
ID: 37726923
The header should be above the middle area, the footer should be above the middle area.  page_body is the middle
0
 
LVL 16

Expert Comment

by:s8web
ID: 37732652
I see the white fluffy stuff in FF and Chrome. I guess this is a cross-browser issue. What browser is the problem?

Nice design by the way. I dig it.
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 25

Author Comment

by:kevp75
ID: 37732829
WHAT A FLIPPIN TOOL I AM!!!!!!!!!!!!!!!

I was going to send the image along, so I opened it in my graphics software, and 'lo and behold, I cut the flippin image off on the line where it shows on the site...   there is no overlapping, per the image...

DANG IT~!   I could've sworn I put the overlap in...   I'll have to change that.  I'll keep the q open just in-case

Glad you like it :)
0
 
LVL 25

Author Comment

by:kevp75
ID: 37742437
alright.   if you can help with this one, you get the points and grade:

http://new.o7thwebdesign.com/

the middle content area.   IT does not stretch the full height of the content...  short of using javascript to force the height, how do I fix it?
0
 
LVL 16

Accepted Solution

by:
s8web earned 250 total points
ID: 37742532
Try clearing your float between lines 63 and 64.

       </article>
       <div style="clear:both"></div>
</section>

You should make a clear class if you don't have one already, but for troubleshooting this will do.
0
 
LVL 16

Expert Comment

by:s8web
ID: 37742548
Just noticed another float. If that doesn't do it, try clearing after </section> as well.
0
 
LVL 25

Author Comment

by:kevp75
ID: 37742653
Actually...  i changed display:block; to display:table; in #inner_page  and it appears to have worked....

I'm running a couple more tests right now on browser shots
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

756 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question