Divs on top of each other and can't get them fixed?

HTML & CSS
1

Hello there,

I’m using wordpress and have a menu widget and text widget in my sidebar. Why is my text widget showing up in front of the menu?

Portfolio | Warehouse, Office, Control Building Architects - SLA

I want it to fall below the menu so when the menu changes content it grows with it. Any ideas? Position:relative; didn’t work. I must be missing something.

Thanks,
Lorne

2

yup…I realized that I needed to place the PHP I am using to call in my widgets/sidebar in a Div and position that absolute, rather than the div inside the sidebar.

If that makes sense. So now I have a div that encompasses the children divs.

Thanks for the help,
Lorne

3

I saw that you fixed this. :slight_smile:

4

Yea I tried that and no dice. I it’s because for some reason it creates a new Div for the above_sidebar with each new widget. SO if you use firebug or Chrome Inspect you’ll see two divs of the same class.

5

Maybe you can add clear:both; attribute in .above_sidebar class?

6

Actually it’s a page specific sidebar. So it only shows here: Portfolio | Warehouse, Office, Control Building Architects - SLA

7

If you look at the page on the right there’s a yellow box with the class: “SidebarText”. Then below that there’s a menu of links with a class: “menu-projects-container”. The SidebarText is on top of the projects-container.

I am investigating a little more and the sidebar PHP adds the class: “above_sidebar”. Which has an absolute position. So it’s putting both my text and UL menu in separate divs with the same “above_sidebar” class. I guess I gotta figure out how to put them into the same div? Then they will layout correctly.

That make sense or just confuse it more?

Thanks in advance,
Lorne

8

Problem does not show on homepage, you need to go on some sub-page (any link from sidemenu).

9

I can’t tell what you are referring to there.