Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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 :))
o problema persiste ://
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 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!
manda a familia todo toman o c* que rapidinho resolve
div mae pai filha eu tbm sou da familia tbm quero catucar
>
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
?
coloque z-index..
ex: