Jump to content


Photo

2 Divs Float Left Sendo Uma Fixa E...


  • Faça o login para participar
1 reply to this topic

#1 redstyle

redstyle

    Expert

  • Usuários
  • 540 posts
  • Sexo:Masculino

Posted 05/01/2006, 14:08

Pessoal, estou tentando fazer posicionamento de 2 divs float left para que seja montado uma estrutura de menu / conteúdo.

A div menu tem 200px e a div conteúdo iria flutuar a direita mas teria que oculpar o resto da tela do navegador.

Tentei assim:
#menu {
position relative;
float:left;
width:200px;
heigth:400px;
}
#conteudo {
position: relative;
float: left;
width: 100%; /* acho que seria aqui a mudança mas não sei */
}

O problema é que a div conteudo acaba caindo, ficando abaixo do menu. Ainda não consegui resolver isso e peço a ajuda de vcs.

Falowz!!
Encontrar todas as mensagens de Anonymous

Conheça meu blog para Aprender Laravel (Framework PHP)


#2 wagnner

wagnner

    Novato no fórum

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

Posted 13/01/2006, 17:11

Opa, existem varias formas de fazer isso:

#menu {
float:left;
width:200px;
background:blue;
}
#conteudo {
margin-left:200px;
background:red;
}

Vc pode cortar um background na cor que vai se repetir verticalmente e colocar uma cor para acompanhar na horizontal.


Abraço.
------------------------------------------------
Wagner Peres
Web Designer
www.wagnerperes.com




1 user(s) are reading this topic

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

IPB Skin By Virteq