HTML/CSS div problem

[Weasel]

Hi.

I got a anoying HTML/CSS problem, and I'm sure somebody with HTML/CSS experience will see the problem in a second. This is the problem: the divs where you see "CONTENT" and "test1/test" need to be on top the other div. However it is going underbeneath it (

You must be registered for see links

).

index.php:

You must be registered for see links

global.css:

You must be registered for see links

Hope you guys can help me out.

Thanks in advance.

 

[Li1M0ST3Rz]

nice layout um isnt that a picture? #1 poster

 

[Weasel]

nice layout um isnt that a picture? #1 poster

It's a screenshot of the website... yes -.-

 

[Li1M0ST3Rz]

i am talkin about the cat. oh now i see the problem

 

[M8than]

google zindex.

 

[Li1M0ST3Rz]

i think i fixed it?

You must be registered for see links

 

[Weasel]

i am talkin about the cat. oh now i see the problem

No, it isn't a picture, lol.

i think i fixed it?

You must be registered for see links

Nope, made it more weird:

You must be registered for see links

 

[Li1M0ST3Rz]

oh i'll try to help you can you send me the pictures so i can work on it?

 

[M8than]

google z-index

 

[Jo$h]

Here -

You must be registered for see links

 

[Li1M0ST3Rz]

got it

You must be registered for see links

 

[Jo$h]

Depending on what you're doing, you should really try to avoid using the position: absolute; property unless you are positioning something at the head of the page. When you use position: absolute;, changing the browser size can create unexpected results.

 

[Weasel]

got it

You must be registered for see links

Nope, isn't doing anything.

Also the people who say z-index, I tried, but it isn't working the way I want. Now the content-bg isn't expanding with the text:

You must be registered for see links

 

[Li1M0ST3Rz]

you need make another image to complete menubalk and add this to content_right

    background-image: url(images/IMAGE NAME;D.png);
    background-repeat:x-repeat;

But remove "top" at global.css
or if your lazy:

#content_right {
    color: #FFF;
    top: 200px;
    float: right;
    width: 180px;
}

 

[Weasel]

you need make another image to complete menubalk and add this to content_right

    background-image: url(images/IMAGE NAME;D.png);
    background-repeat:x-repeat;

But remove "top" at global.css

The menubalk is complete, and content_right doesn't have to have a background. Everything worked before I tried to add a content_right.

Depending on what you're doing, you should really try to avoid using the position: absolute; property unless you are positioning something at the head of the page. When you use position: absolute;, changing the browser size can create unexpected results.

Removing the position:absolute; out of the CSS didn't change a thing.

 

[Jo$h]

The menubalk is complete, and content_right doesn't have to have a background. Everything worked before I tried to add a content_right.


Removing the position:absolute; out of the CSS didn't change a thing.

It was completely irrelevant to the OP.

 

[Weasel]

nobody else got any idea? 
Alright so I found out this problem, it was because I everywhere did height: 100%, but only at one spot I did height: auto. Changed that to 100%, and now it works...

BUT. I now got another problem. The content_bg div has become huge...

You must be registered for see links

and when I delete height:100% from #content_bg, the old problem comes back.

Anyone got any idea? It's weird shit.

 

[Jo$h]

Don't set the height property at all and see how it works.

 

[Weasel]

Don't set the height property at all and see how it works.

Already did, it goes back to the first problem. But I'm sick of fixing it, and I'm searching for someone who can re-code it (ofcourse with a reward if he does it right).