CSS z-index (?) Want the 'entry-title' on top of the access div (see link)

  • Resolved AardvarkGirl

    (@aardvarkgirl)


    13 years, 4 months ago

    You can see the very bottom of the ‘entry-title’ (light blue font) going under the blue bar (#access). I tried all kinds of stuff, z-indexes, display:block, position:relative… blah blah blah.

    https://startingpointstables.com/wp-content/themes/aSPS2010/A-Theme2.html

    It’s just time to ask for help.

    Why is it I can get the logo/site-title to go DOWN on top of the branding img, but I can’t get the title to go UP?

    Did I read wrong, thought that content as it went down was ‘closer’ (z index) to the viewer – and from there position elements were closer (etc)?

Viewing 7 replies - 1 through 7 (of 7 total)

  • I’ve found it. =)

    The problem it’s because the “#main” div has an overflow: hidden; on it.

    When you input overflow: hidden; to any div, it doesn’t matter if you have floated, positioned or whatever element inside of it, nothing, absolutely nothing will wander outside the div space. Imagine that like a big chainsaw running around the border of the div in infinite loop, hehe.

    If you take it off, it’ll work. =)

    Yes, but… OMG WHERE DID MY BACKGROUND GO???

    Yeah, i noticed that too. It happens because you have floated elements inside the #main div, and they don’t add “content-generated-height” to it, thus in this case, creating no height at all.

    It was working with overflow: hidden; because when you apply overflow rule to a div, the browser understands that you’ll need a rule to any elements that wander outside, so it somehow wraps up the whole thing.

    Yeah, cool, but how do i solve this?

    Analizing your code, i noticed that the “#content” div ocuppies the same bodyspace as the #main div, so, just put the background on it, and there you go, problem solved. ??

    Thread Starter AardvarkGirl

    (@aardvarkgirl)

    I will take a look at this tonight, but let me give you a pre- OMG THANK YOU THANK YOU THANK YOU! ??

    Chainsaw.

    Suuuuuweeet.

    YAY! Cheers! I’m glad i could help ??

    And chainsaws are always pure fun. Except on web markup languages =(

    Thread Starter AardvarkGirl

    (@aardvarkgirl)

    overflow:hidden = chainsaw

    I’m thinking I won’t forget that css rule any time soon.

    It worked, thanks!

    Thread Starter AardvarkGirl

    (@aardvarkgirl)

    One more question… mouse over the two drop down items. The first one (riding lessons) is being very finicky. The drop down for ‘At The Farm’ is working fine.

    Came back to say, figured it out. ?? The div for the ‘entry title’ was overlapping it.

    Ahaha yes. And i’m sorry that i didn’t had time to come back here =( Things have been quite a storm here in my company.

    Anyway, i’m glad i helped ya. =) Don’t forget to change the topic to “resolved” on the right sidebar on this same page.

    I’m not sure if this thread is still open, but I ran into the problem where when I take off the overflow:hidden, my background (just plain white) disappears.

    If I add a background to my #content area, it only covers the width of the content, not the sidebar area.

    Here’s a link to my site: https://www.iceydesigns.com/blog/

    And help will be greatly appreciated! Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘CSS z-index (?) Want the 'entry-title' on top of the access div (see link)’ is closed to new replies.

Tags