DIV "filho" maior que a "pai" cobrindo tudo

[lcsaO 0]

bom pessoal, já tentei de tudo, não sei se é porquê estou de cabeça quente, mais não estou conseguindo encontrar o erro...

 

Para ficar mais facil de se compreender o problema, segue algumas ilustrações (mal feitas, claro rs) do problema:

 

 

Está assim:

 

 

Uploaded with ImageShack.us

 

Quero que fique assim:

 

 

Uploaded with ImageShack.us

 

 

 

CSS esta +- assim:

 

#all {width:974px; margin:0 auto;}

#stripes {position:absolute; left:0; background-image:url(img/stripe.png); height:655px; padding:5px; background-repeat:repeat-x; width:100%;}

#rodape {background-image:url(img/bg_rdp.jpg); padding:25px 0; bottom:0; width:100%;}

 

HTML +- assim:

 

<div id="all">

//conteudo

<div id="stripe"> </div>

//resto do conteudo

</div> //div all

<div id="rodape"> blablalba </div>

 

Como viram, a div stripe está cobrindo todo o conteudo que vem depois dela...

 

desde já agradeço :))

[Layo 10]

coloque z-index..

 

ex:

 

#stripes {
z-index:2;
}

#all { 
z-index:1;
}

[lcsaO 0]

o problema persiste ://

[Aender 3]

Olá tudo bem ?

Daria para você postar o código completo ? Realmente esse desenho não ficou muito claro pra mim, com o código completo é mais fácil identificar o problema.

[CarlosCx 1]

Fala Icsao

 

 

Seu código html está assim correto?

<div id="all">

//conteudo

<div id="stripe"> </div>

//resto do conteudo

</div>

<div id="rodape"> blablalba </div>

 

 

No certo o que você deseja deve ficar assim :

 

 

<div id="all">

//conteudo

</div>

<div id="stripe"> </div>

<div id="resto">//resto do conteudo</div>


<div id="rodape"> blablalba </div>

 

 

No css ficaria mais ou menos assim:

#all {width:900px;margin:0 auto;display:table;}


#stripe{width:100%;margin:0 auto;display:table;}

#resto {width:900px;margin:0 auto;display:table;}

#rodape {width:100%;margin:0 auto;display:table;}

 

 

Agora basta você deixar do modo como deseja.

 

Caso queira saber mais, siga o link do meu site : http://www.escolacompleta.com , onde o próprio possui video aulas gratuitas e completas de HTML + CSS.

 

 

abraços!

[Alvaro Jr 2]

manda a familia todo toman o c* que rapidinho resolve

div mae pai filha eu tbm sou da familia tbm quero catucar

[lcsaO 0]

Olá tudo bem ?

Daria para você postar o código completo ? Realmente esse desenho não ficou muito claro pra mim, com o código completo é mais fácil identificar o problema.

 

Fala Aender! o código está exatamente da maneira em que postei :)

 

 

Fala Icsao

 

 

Seu código html está assim correto?

<div id="all">

//conteudo

<div id="stripe"> </div>

//resto do conteudo

</div>

<div id="rodape"> blablalba </div>

 

 

No certo o que você deseja deve ficar assim :

 

 

<div id="all">

//conteudo

</div>

<div id="stripe"> </div>

<div id="resto">//resto do conteudo</div>


<div id="rodape"> blablalba </div>

 

 

No css ficaria mais ou menos assim:

#all {width:900px;margin:0 auto;display:table;}


#stripe{width:100%;margin:0 auto;display:table;}

#resto {width:900px;margin:0 auto;display:table;}

#rodape {width:100%;margin:0 auto;display:table;}

 

 

Agora basta você deixar do modo como deseja.

 

Caso queira saber mais, siga o link do meu site : http://www.escolacompleta.com , onde o próprio possui video aulas gratuitas e completas de HTML + CSS.

 

 

abraços!

 

Também pensei nisso, pelo jeito é a unica maneira de solucionar o problema ://

 

Obrigado pela ajuda CalosCx

 

manda a familia todo toman o c* que rapidinho resolve

div mae pai filha eu tbm sou da familia tbm quero catucar

 

 

?