Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

pablobudda

Posicionamento de Div na base de outra Div

Recommended Posts

Olá pessoal
sou novo aqui, e atualmente estou tentando aprender html e css.
Estou com um probleminha... :)
Tenho uma Div principal, e três divs dentro dela. Quero posicionar a última na base da div principal e não estou conseguindo. Se alguém tiver a solução, ai esta o código html e css.

 

HTML

<div id="topo">
    <div id="container">
         <div id="espaco30"></div>
            <div id="espacologo"></div>
            <div id="menu"></div>
  </div>

 

CSS

 

body {
widht:1000px;
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
background: write;
}




#topo {
/*PROPRIEDADES DE DIMENSÃO*/
width:100%;
height:255px;


/*PROPRIEDADES DE POSICIONAMENTO*/
padding:0;
margin:0 auto;
position:absolute;
display:table;


/*PROPRIEDADES DE COR*/
color:rgb(38, 38, 38);
background:rgb(38, 38, 38);


}




#container {
/*PROPRIEDADES DE DIMENSÃO*/
width: 1000px;
height: 255px;


/*PROPRIEDADES DE POSICIONAMENTO*/
margin: 0 auto;
padding: 0;
position:relative;
display:table;


/*PROPRIEDADES DE COR*/
background-color:rgb(38,38,38);
border:1px solid red;


}




#container #espaco30 {
/*PROPRIEDADES DE DIMENSÃO*/
widht:930px;
height:30px;


/*PROPRIEDADES DE POSICIONAMENTO*/
display:block;


/*PROPRIEDADES DE COR*/
border:1px solid red;
}




#container #espacologo {
/*PROPRIEDADES DE DIMENSÃO*/
widht:930px;
height:50%;


/*PROPRIEDADES DE POSICIONAMENTO*/


float:bottom;
position:relative;


/*PROPRIEDADES DE COR*/
border:2px solid red;
}




#container #menu {
/*PROPRIEDADES DE DIMENSÃO*/
widht:930px;
height:50px;


/*PROPRIEDADES DE POSICIONAMENTO*/
margin:0;
position:relative;




/*PROPRIEDADES DE COR*/
background:blue;
}

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@pablobudda seja bem vindo ao fórum.

 

Entendi que você é novato e está aprendendo html+css, então recomendo você primeiro estudar as tags html, depois conhecer as css bem direitinho pra começar a "brincar".

 

A sua dúvida, se bem entendi, não é tão difícil mas pra que você quer, pra fazer um layout? Se for isso pesquise aqui no fórum ou no google (site do maujor é ótimo) que você vai achar vários exemplos que lhe ajudarão a entender.

 

Algumas dicas rápidas:

- float:bottom; não existe;

- não adianta você definir um widht: 100% e um margin 0 auto;

- se você definiu um position: absolute precisa setar um top ou right ou bottom ou left;

 

É isso @pablobudda fique a vontade para voltar com suas dúvidas ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara,
pensei que este fórum fosse pra esclarecer dúvidas, e não para realizar críticas destrutivas como a que você fez.
Ninguém esta aqui para brincar não. Se você esta, o problema é seu.
Além de não tirar minha dúvida, vem com zoação com minha cara.
Agora só explique como retirar meu cadastro daqui, pois irei procurar um forum com profissionais, coisa que ficou explícito que aqui na há.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@pablobudda em nenhum momento fiz qualquer tipo de zoação ou crítica destrutiva.

 

Você quer a resposta para a sua dúvida, aí vai: pesquise sobre position.

Se quiser código mastigado e pronto está no lugar errado.

 

Passar bem!

Compartilhar este post


Link para o post
Compartilhar em outros sites

engraçado que nos outros posts ninguém critica e faz "zoação...
e ainda mais, postam sim a solução mastigada, ou quase mastigada.
Mas tranquilo, se não querem ajudar, dou um jeito de conseguir.
Passar bem, também. FUI

Compartilhar este post


Link para o post
Compartilhar em outros sites

pablobudda também sou novato no fórum.

Quando bati o olho no seu código um dos problemas que ví é que tu não fechou a div topo.

Acredito que você está um tanto quanto "cheio de defesas" para levar o post do Giovani como ofença,

sinceramente não vi ofensa nenhuma quando ele lhe sugeriu dar uma pesquisada sobre o assunto, ele não disse apenas, pesquise no google, ele lhe apresentou um site, que por sinal é muito bom e lhe deu algumas dicas rápidas. Quanto estamos necessitando de ajuda (e mesmo quando não estamos) atitudes como esta só nos atrapalham. Caso necessite estou aqui para ajudar no que puder.

Abraços, espero que não leve a mal, todos nós estamos aqui porque reconhecemos que não sabemos tudo sobre tudo mas que queremos ajudar os outros com o pouco que sabemos e vice-versa.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.