Sidebar Overlapping Header

  • Resolved Hopper

    (@faithfilly)


    14 years, 3 months ago

    I want my header to overlap the sidebar; not the sidebar overlapping my header.

    How do I change this for my site?

    Do I use a z-index (my header layout has it, but the sidebar doesn’t)?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Hopper

    (@faithfilly)

    Now I’m guessing it has something to do with the fact that the header’s position is relative whereas the sidebar’s position is float?

    Is it because float dominates over relative? If that’s it, then how can I fix it so that the header dominates over the sidebar?

    Thread Starter Hopper

    (@faithfilly)

    I figured it out…

    I had to give the header a relative position. Without that line, it remained static.

    Since the position of the sidebar floats, it overrode the header before I elevated the header from its default position of static to one of relative.

    All I had to add to the header’s block in the layout.css was:

    position:relative;

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sidebar Overlapping Header’ is closed to new replies.