Ir para conteúdo

Arquivado

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

programador php

[Resolvido] div com tamanho maior no IE

Recommended Posts

opa!!

 

no FF esta certinho

 

mas no IE esta com problema

 

 

 

clique em galeria e selecione uma

 

e veja a diferença no IE e no FF

 

 

#caixa {
			width: 400px;
			height:75px;
			float: left;
			/*background: #000066;*/
			overflow: hidden;
			z-index: 2;
		}
		
		#marquee{
			width: 28000000px;
			height: 92px;
			padding: 4px 0px 4px;
			float: left;
			/*background: #00FFFF;*/
			text-align: center;
			position: relative;
			top: 0px;
			left: 0px;
			right: -500px;
			z-index: 1;
		}

		.setas {
			width: 25px;
			height: 75px;
			float: left;
			text-align: center;
			color:#fff;
			font:20px;
			background: #FFF url('../images/setaE.jpg') no-repeat left center;
			z-index: 10;
		}
		
		.setasD {
			width: 25px;
			height: 75px;
			float: right;
			text-align: center;
			color:#fff;
			font:20px;
			background: #FFF url('../images/setaD.jpg') no-repeat right center;
			z-index: 10;
		}
		/***  TAMANHO DA DIV ONDE AS IMAGENS VÃO ROLAR **/
	  
		
		#marquee img {
			float: left;
		}

abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olha não sei dizer ao certo o porque está dando esse erro até pq to meio sem tempo de olhar com calma, mas ja vi que os selects estão de tamanho diferente no IE e no FF

 

Esse está sendo o problema, não sei se tem um padding nele ou algo assim, mas na minha opnião, você deve jogar o select para baixo.

 

Porque além de ter ficado estéticamente melhor, você digitou somente a palavra teste.

 

Se você digitar.

 

Campeonado no Haiti, sei la, ele já vai pra linha de baixo, se não for ele vai atropelar o "Rick Ferreira"

 

Eu acho que se você jogar ele para baixo ja resolve todos os seus problemas e evita outros futuros ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olha não sei dizer ao certo o porque está dando esse erro até pq to meio sem tempo de olhar com calma, mas ja vi que os selects estão de tamanho diferente no IE e no FF

 

Esse está sendo o problema, não sei se tem um padding nele ou algo assim, mas na minha opnião, você deve jogar o select para baixo.

 

Porque além de ter ficado estéticamente melhor, você digitou somente a palavra teste.

 

Se você digitar.

 

Campeonado no Haiti, sei la, ele já vai pra linha de baixo, se não for ele vai atropelar o "Rick Ferreira"

 

Eu acho que se você jogar ele para baixo ja resolve todos os seus problemas e evita outros futuros ;)

 

opa

 

valeu pela dica..

 

mas o problema num é nem esse!!!!

 

o problema é onde ficam as imagens!!! rodando

 

 

abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

ponha position:relative; em:

#caixa {
			width: 400px;
			height:75px;
			float: left;
			/*background: #000066;*/
			overflow: hidden;
			z-index: 2;
		}
..................
		.setas {
			width: 25px;
			height: 75px;
			float: left;
			text-align: center;
			color:#fff;
			font:20px;
			background: #FFF url('../images/setaE.jpg') no-repeat left center;
			z-index: 10;
		}
		
		.setasD {
			width: 25px;
			height: 75px;
			float: right;
			text-align: center;
			color:#fff;
			font:20px;
			background: #FFF url('../images/setaD.jpg') no-repeat right center;
			z-index: 10;
		}
pois se não o IE não interpretará o z-index:;

Compartilhar este post


Link para o post
Compartilhar em outros sites

ponha position:relative; em:

#caixa {
			width: 400px;
			height:75px;
			float: left;
			/*background: #000066;*/
			overflow: hidden;
			z-index: 2;
		}
..................
		.setas {
			width: 25px;
			height: 75px;
			float: left;
			text-align: center;
			color:#fff;
			font:20px;
			background: #FFF url('../images/setaE.jpg') no-repeat left center;
			z-index: 10;
		}
		
		.setasD {
			width: 25px;
			height: 75px;
			float: right;
			text-align: center;
			color:#fff;
			font:20px;
			background: #FFF url('../images/setaD.jpg') no-repeat right center;
			z-index: 10;
		}
pois se não o IE não interpretará o z-index:;

 

 

caraca..

 

era isso mesmo

 

valeu pela dica..

 

 

resolvido...

 

sabe me dizer se existe algum livro, site que fale sobre esses detahes

 

 

abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

opa qualquer coisa volte a postar Programador PHP.

Livro ou site não conheço mas a dica está ae TOP LEFT BOTTOM RIGHT Z-INDEX são funcionalidades

que acompanham o POSITION ;)

falow abraço

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.