Jump to content


Photo

Posição Da Div


  • Faça o login para participar
4 replies to this topic

#1 Helene

Helene

    Turista

  • Usuários
  • 41 posts
  • Sexo:Não informado

Posted 31/01/2006, 19:24

olá pessoal!

Vi alguns tutoriais de tableless, aprendi uma coisinha básica sobre como configurar as div's, mas tenho uma dúvida quanto a posição de uma delas.
O layout possui um banner superior, um menu e uma área de conteúdo abaixo dele, assim:
Posted Image

Mas, usando a propriedade float:left na div preta e float:right na azul.. e não deu certo...rsrs ficou assim:

Posted Image

como fazer pra deixar a div como deve ser?

valeeeu!!!! :)

#2 Andreia Regina

Andreia Regina

    Veterano

  • Conselheiros
  • 1347 posts
  • Sexo:Feminino
  • Localidade:PR
  • Interesses:PHP; MySQL; Javascript; CSS; tudo ligado ao desenvolvimento web.

Posted 01/02/2006, 07:30

Oi!

Retire o float:right; da div azul

Ah! neste link tem um artigo bem interessante sobre posicionamento.

Qualquer coisa volta a postar

Fórum WMO - Conselheira - Na equipe desde 31/01/2006.
Links importantes: Regras de conduta - Busca do fórum


#3 Helene

Helene

    Turista

  • Usuários
  • 41 posts
  • Sexo:Não informado

Posted 01/02/2006, 18:08

Obrigada pela ajuda Andreia!

Tinha procurado alguma coisa lá, mas acho que não usei a palavra certa na busca ..rs
Bom, quando retiro o float:right; da div azul, ela cobre a div preta, por isso que eu mais me compliquei..
Vou dar uma lida no link que você passou e qualquer dúvida eu volto a postar!

#4 bdoweb

bdoweb

    Super Veterano

  • Usuários
  • 1641 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 01/02/2006, 19:38

O q vc pode fazer é colocar o primeiro menu!! sem o float!!!!!!

No conteudo central vc vai colocar o float: left e para funcionar no ff vc vai colocar na propriedade margin: 0px 0px 0px 200px; lembro q 200px é a largura do seu menu!!!! ai vc pode fazer a mesma coisa para o menu a direita!!!! só aumentando o margin para a distancia entre o menu e o conteudo!!! ;)

[]'s
Quer ajuda seus amigo e ainda ganhar uma graninha?
Acesse agora mesmo http://yeapiz.com

#5 Helene

Helene

    Turista

  • Usuários
  • 41 posts
  • Sexo:Não informado

Posted 01/02/2006, 20:11

Nossa.... :blink:
Consegui resolver direitinho aqui pessoal..rs
Por falta de atenção minha, acabei trocando o valor de tamanho das camadas do menu e conteúdo, ficaram invertidas, corrigi esse número e agora tá tudo certinho! :)
o float:left e float:right deu certinho
Muito obrigada pela ajuda!!

Beijinhos!

Edição feita por: Helene, 01/02/2006, 20:13.





0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq