[Resolvido] Div "invadindo" espaço

[GabrielFerrari 41]

Boa tarde,

Aqui estou eu pedindo uma ajudinha de novo :rolleyes:

 

Estou criando um esqueminha para mostrar um mapa da localização quando o cara clica no endereço que ele quer.

Da mesma maneira que fiz com o menu lateral do site.

 

O problema está em posicionar as divs com o conteúdo de cada localização

Estou tentando posicionar uma abaixo da outra antes de colocar o código para "esconder" o mapa.

Até ai beleza consegui fazer no FireFox mas quando vou abrir no IE uma div ocupa o espaço da outra.

 

o problema pode ser visto nesse link:

http://testesite.ueuo.com/unidades.php

 

 

Obrigado.

[Thiago Retondar 18]

Em qual Internet Explorer está dando o erro? No 6, 7 e/ou 8?

[GabrielFerrari 41]

IE6 e 7

 

No 8 não testei.

[Thiago Retondar 18]

Verdade, não tinha prestado atenção. Sorry. http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

 

Troque isso:

 

#uni1{
	padding-bottom: 30px;
}
#uni2{
	padding-bottom: 30px;
}
#uni3{
	padding-bottom: 30px;
}

Por isso:

 

#uni1, #uni2, #uni3{
	width: 355px;
	margin-bottom: 30px;
}

Aliás, poderia substituir esses IDs por Class.

[GabrielFerrari 41]

Resolveu no IE mas no FF ta sem os espaços.

Vou tentar mexer aqui e se resolver eu posto como fiz.

 

Troquei por class as divs como disse obrigado pelo aviso.

As vezes eu paro com cada erro bobo ... espero que seja questão de prática.

 

 

Obrigado Thiago

[GabrielFerrari 41]

Resolvido:

 

.esp_map{
	padding-top: 30px;
}

 

Eu coloquei isso no <dt> de cada um deles.

e deu certo.

 

Valeu \o

[Thiago Retondar 18]

Qualquer dúvida volte a postar. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif