Ir para conteúdo

POWERED BY:

Arquivado

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

Neolitic

Posicionamento relativo

Recommended Posts

Amigos,

 

Vejam o código abaixo:

 

#conteiner {	position: relative;	top:0;	left:0;	width: 760px;	margin:0 auto;				padding: 10px;	text-align:left; /* "remédio" para o hack do IE */		border:thin solid black;}#logo {	position:relative;	top:5px;	left:5px;	width:315px;	border:thin solid black;}#logo a {	background: url("imglogo.gif") no-repeat;	height: 57px;	width: 312px;	display:block;	text-indent:-9000em;	overflow:hidden;}#menu {	position: relative;	top:5px;	left:350px;	width:400px;	border:thin solid black;}#menu li {	list-style:none;	display:inline;}
Porque o div MENU não alinha o topo com o div LOGO? Só consegui alinhar assim top: -80px

 

Valeu

 

Neolitic

Compartilhar este post


Link para o post
Compartilhar em outros sites

1-) Pode hospedar o site em algum lugar para podermos analizar melhor o código?

2-) Ja Leu os tutoriais sobre posicionamento aqui no imasters?

Abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pegasus,Você fez uma pergunta interessante, quanto ao fato de eu ter lido ou não tutoriais sobre posicionamento.Já li muitos. Livros também. Mas a não ser que você conheça, nunca vi explicações sobre o assunto postado: possionar duas divs, uma ao lado outra, dentro de uma ancestral.Você já viu esse exemplo, ou leu alguma explicação?Abraços.Neolitic

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mas você só postou o css? Cadê o html? Gente se vocês querem ajuda, por favor sejam o mais claro possível.Se possível mostra o html...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pq tanto position: relative;?

Se você quer colocar uma div ao lado da outra dentro de uma geral, estude sobre float.

 

Se você leu livros sobre as css deve ter encontrado isso.

Neste link também vai achar: Layout 2 colunas

 

Qualquer dúvida, por favor, volte a postar.

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.