Ir para conteúdo

POWERED BY:

Arquivado

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

hunternh

Bug do IE

Por , em Desenvolvimento frontend

Recommended Posts

hunternh    2

hunternh
Postado

O código foi alterado e está funcionando.

Tratasse do uso de float com margin, fazendo com que, nesse caso, a div mais a esquerda dobre o valor da margin (no IE).

O exemplo abaixo mostra como resolver esse problema, sem o uso de hack.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br"><head><title>bug margin com float</title><meta http-equiv="Content-type" content="text/html; charset=iso-8859-1"><style type="text/css">.principal{	width: 790px;	border: 1px solid;}.chamada{	display: block;	width: 250px;	height: 50px;	margin-left: 10px;	background-color: #000000;	float: left;}.esquerda{	margin-left: 10px !important;	margin-left: 5px;}</style></head><body><div class="principal">	<div class="chamada esquerda"></div>	<div class="chamada"></div>	<div class="chamada"></div>	<br clear="all" /></div> </body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

_display:inline na chamada esquerda ;)[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

hunternh    2

hunternh
Postado

Vlw ai INSIDE, mas me lembrei de como fazer sem o uso de hack, agora ta passando pela validação de CSS.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Se você se lembrou, pode por favor dizer como resolve sem hack? Também gostaria de saber[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

hunternh    2

hunternh
Postado

Dá uma olhada no código, eu fiz uma alteração na classe "esquerda", claro que gostaria de não ter que declara-la, mas fazer o que? são coisas do IE.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Bem criativo o modo como você resolveu isso ;)[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito