Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá gente tenho uma div chamada TOTAL e dentro dela tenho umas a mais pra distribuir melhor o conteúdo, mas vejo que as div filhos estão maiores q a pais masi a pai ñ acompanha seu crescimento rs...
Como sei q ñ acompanha?
pelo seguinte fato q eu coloquei uma imagem para ficar no bottom dessa div total e ela ñ fica , fica no meio da página rs...
Na ordem fica assim
html
body
total
box_maior
laterala
lateral_dir
html{
height:100%;}
body {
background-color: #142c35;
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
background-position:bottom;
background-attachment:inherit;
height:100%;
}
#total{
}
#box_maior{
background-image:url(../images/box_maior_05.png);
background-repeat:no-repeat;
background-position:top;
min-height:233px;
height:100%;
width:880px;
margin-left:auto;
margin-right:auto;
padding-top:15px;
padding-left:30px;
padding-right:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
margin-top:12px;
}
#lateral{
width:200px;
min-height:100px;
background-color:#FFFFFF;
border-width:thick;
border-style: solid;
border-color:#000000;
float:left;
}
#lateral_dir{
width:620px;
padding-left:15px;
padding-right:15px;
padding-top:20px;
min-height:100px;
background-color:#FFFFFF;
border-width:thick;
border-style: solid;
border-color:#000000;
float:right;
margin-left:10px;
color:#666666;
}Exatamente! Preciso de uma ajudinha pra sacar isso q você falou, rs...
Tem alguma idéia de onde está o erro?
volte ao tema padrão e modifique os textos, quando estiver tudo pronto, crie APENAS UMA folha de estilos, contendo somente CSS e linke-a nas modificações de tema do Joomla
Deseja que eu mova o tópico para a área do seu CMS?
Tem alguma base para trabalhar com CSS?
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
sim, pode mover, talvez seja melhor para todos rs...
agora qt a base pra trabalhar com css, somente o básico...
desde já muito obrigado pela força de todos
os pais não acompanham porque você flutuou os filhos.
coloca uma 'div' embaixo das 'laterais' e declara 'clear: both;' no CSS que os pais passam a acompanhar.
o que acontece é que quando você usa 'float' a 'div' que esta com 'float' sai da "hierarquia HTML" esvaziando a 'div' pai, por isso ela não acompanha. o 'clear:both;' serve pra limpar o 'float' fazendo com que os pais acompanhem a altura a partir daí.
Tópico movido:
Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Joomla
Você pode também colocar overflow:hidden na div pai, assim fará o mesmo efeito dito acima.
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Gente, obrigadão pela dica...deu certo, mas caso a div for menor o rodapé sobe tbm, tem como ele ficar sempre na base e caso o conteúdo ficar maior ele vá mais pra baixo ainda? abraços
você colocou informações HTML dentro de arquivos CSS, linkou os mesmos arquivos mais de uma vez, primeiro entenda como seu CMS trabalha, depois efetue modificações