Ir para conteúdo

POWERED BY:

Arquivado

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

Elbrinner

Margin com numeros negativos e fundo

Recommended Posts

Quero colocar um div do lado do outro e a forma que encontrei foi margin:-260px 0px 0px 190px;Tenho duas duvidas, elas são:1) Porque o fundo não aparece direito no final da pagina com mozilla quando uso margin:-260px 0px 0px 190px;2)Usando essa propriedade eu vou ter problema com a resolução?Se tiver outra forma de fazer sem ser usando posiçao absoluta eu gostaria de saber e seria grato pela informaçaoobrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

tente usar FLOAT quando quer colocar uma div de algum lado, fica mais facil de controlar seu CSS posteriormente, esse lance de usar margem negativa funciona em layouts simples, com 2 colunas por exemplo, agora se você precisa de uma estrutura mais complicada, você tera problemas....

Compartilhar este post


Link para o post
Compartilhar em outros sites

toda vez que você usa float, você tem que resetar o float abaixo da camada

 

complicou ?

 

segue exemplo

 

XHTML<div id="main" class="clearfix">  <div id="esquerda"></div>  <div id="direita"></div></div>

CSS#esquerda {float: right;width: 200px;background: #333;}#direita {float:left;width: 200px;background: #f30;}#main {width: 400px;background: #f4f4f4;}.clearfix:after {	content: "."; 	display: block; 	height: 0; 	clear: both; 	visibility: hidden;}.clearfix {display: inline-table;}/*  Esconde IE-mac \*/* html .clearfix {height: 1%;} .clearfix {display: block;}/* IE-mac */

Compartilhar este post


Link para o post
Compartilhar em outros sites

Essa é a linha que cera a propriedade float? Vou testar aqui. Obrigado.ESTILO:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

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.