overlay div box

[supertobs]

Hi,
Ich habe meine seite in zwei teilbereiche gegliedert

Dabei ist einer in einem div container mit dem ID #pageContent.
Jetzt will ich ein overlay, welches aber nur diesen einen teilbereich überdeckt, den anderen aber freilässt.

Ich habe das ganze schon folgendermaßen probiert:

#pageContent{
      position:relative;

          
    
      }
    #pageContent_overlay{
    display:block;
    content:"";
        position:absolute;
          background-color: white;
          left:0px;
          right:0px;
          top:0px
          bottom:0px;
          background-color:rgba(255,255,255,0.5);
          z-index:55;
      }

das funktioniert aber leider nicht.
jetzt habe ich festgestellt, dass das div #pageContent keine höhe hat. also habe ich folgenden code hinzugefügt

#pageContent{
     [COLOR=#ff0000] bottom:0px;
       top:0px;[/COLOR]
          
    
      }

Das hat leider auch nicht funktioniert.
und dann habe ich eben noch dich ganzen bottom,top,left,right immer durch die eigenschaften width:100%; bzw height:100%; ersetzt, was auch nicht funktioniert.

Ich hoffe ihr könnt mir helfen

LG

Tobi

 

[supertobs]

ok ich hab ne lösung.
Ich nehm einfach statt left:0px left 200px dann gehts

LG
Tobi

 

[threadi]

#pageContent braucht auch noch einen z-index, damit es sicher unterhalb des overlays dargestellt werden kann.

 

[supertobs]

Das teil hat einen z-index ;)

da steht z-index:55; ;)

 

[threadi]

Nein, #pageContent_overlay hat diesen z-index. Nicht #pageContent.