Marquee ( rolagem de texto ) não func. no FIREFOX ?

[Everton Vilela 1]

http://forum.imasters.com.br/public/style_emoticons/default/natal_happy.gif http://forum.imasters.com.br/public/style_emoticons/default/natal_biggrin.gif

 

Alguém saberia me explicar, o porquê o marquee que implemente dentro da div(rolagem) com borda vermelha ela ultrapassa a altura da div, passa a outra altura da div colcentro e morre depois e nasce certo no inicio.

 

queria que o texto morresse no fim da linha vermelha.

 

NO FIREFOX , agora no INTERNET EXPLORER 6 funciona perfeito, morre antes da linha final. pq acontece isso ? tem como resolver esse problema ?

 

estou colocando o código aki. so copiar e salvar numa pagina .html e abrir no firefox.

 

<style type="text/css" >

 /*Zerando os elementos*/
 
* {
 margin:0px;
 padding:0px;
 list-style:none;
 text-decoration:none;
 
 }   
 
 
.contato {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   height: 325px;
   width: 725px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
}
 
.button {
   font: bold 10px Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
}
.subtitulo {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   background-color: #339900;
   height: 14px;
   font-weight: bold;
}
.form {
   color: #FFFFFF;
   background-color: #669933;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   font-weight: bold;
   font-variant: normal;
}



.celula_contato {
   height: 280px;
   color: #000000;
   padding-top: 20px; 
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;   
   width: 520px;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
}


table {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
}
td {
   color: #FFFFFF;
}
.coldireita {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   width: 130px;
   height: 80px;
   float: left;
   margin: 7px;
   border: 1px solid #339900;
}
.colcentro {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   height: 180px;
   width: 170px;
   float: left;
   margin: 4px;
   border: 1px solid #009900;
}
.colesquerda {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   height: 180px;
   width: 170px;
   float: left;
   margin: 5px;
   border: 1px solid #009900;
}
.fecha_3colunas {
   height: 200px;
   margin-top: 5px;
   margin-right: 0px;
   margin-bottom: 5px;
   margin-left: 0px;
   clear: both;
}
.end {
   margin-top: 6px;
   margin-right: 0px;
   margin-bottom: 6px;
   margin-left: 0px;
   height: 20px;
   text-align: center;
   clear: both;
   border: 1px solid #009900;
}


.rolagem {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   width: 170px;
   color: #000000;
   height: 150px;
   border: 1px solid #FF6600;
}


</style>

<div class="contato">
  <div class="celula_contato">
 
  <div class="fecha_3colunas">
 
	<div class="coldireita">
	  <div class="subtitulo">Veja+</div>
	   <div>
		 <ul>
		   <li>+Camisetas 1</li>
		   <li>+Calças 1</li>
		   <li>+Calçados 1</li>
		   <li>+Bermudas 1</li>
		 </ul>
		</div>
	</div>
   
	<div class="colcentro">
		<div class="subtitulo">Eventos</div>
	   
	  <div class="rolagem">
	  <marquee direction="down" scrollamount="1" onmouseover="this.scrollAmount='0';" onmouseout="this.scrollAmount='1';">
		   <UL>
   
		 <li><strong>»</strong> <a href="index.php?area=notshow&&assunto=23" >Testandooooooooo</a></li>
		   <li><strong>»</strong> <a href="index.php?area=notshow&&assunto=10" >Testandooooooooo</a></li>
			<li><strong>»</strong> <a href="index.php?area=notshow&&assunto=12" >Testandooooooooo</a></li>
	  
		  </UL>
		  </marquee>
		</div>
	   
	   
	</div>
   
	<div class="colesquerda">
	   <div class="subtitulo">Empresa</div>
	  <div>O  Skate é, sem dúvida, um dos esportes radicais mais conhecidos  atualmente. Sua popularidade vem dos grandes ídolos do esporte e da  grande cobertura da imprensa. Nos últimos anos o crescimento do skate  trouxe um grande número de patrocinadores e os campeonatos são cada vez  mais disputados. mais »</div>
	</div>
   
  </div>
 
	 <div class="end">Content for endereço da loja</div>
 
  </div>
</div>

[brcontainer 16]

você deve aplicar CSS a tag MARQUEE e não a um div externo

assim:

<div class="colcentro">
		<div class="subtitulo">Eventos</div>
	  
	  <marquee class="rolagem" direction="down" scrollamount="1" onmouseover="this.scrollAmount='0';" onmouseout="this.scrollAmount='1';">
		   <UL>
  
		 <li><strong>»</strong> <a href="index.php?area=notshow&&assunto=23" >Testandooooooooo</a></li>
		   <li><strong>»</strong> <a href="index.php?area=notshow&&assunto=10" >Testandooooooooo</a></li>
			<li><strong>»</strong> <a href="index.php?area=notshow&&assunto=12" >Testandooooooooo</a></li>
	  
		  </UL>
		  </marquee>
	  
	  
	</div>

[roberto182 0]

Boa Noite,

 

Marquee não é uma tag em desuso?

 

Pelo menos, não consta mais na referência HTML 4.01 e XHTML 1.0 do W3schools

http://www.w3schools.com/tags/default.asp

 

PS: Por favor, contribuam com a pesquisa de minha monografia: http://robertoosantos.brinkster.net/monografia/pesquisa.aspx

[brcontainer 16]

é sim é uma TAG considerada de amador =/

não que quem a use seja mas assim é considerada

 

tem efeitos em javascript melhor(apesar de eu preferir algo mais estático)

 

falow

[Giovani 104]

Esse assunto já foi discutido aqui no fórum, por favor, pesquisem.

[inforsis 1]

Bom Dia Norefenk!

Como o gio! atentou muito bem, o assunto já foi discutido aqui no fórum, tente esse tópico que me foi retornado na Busca do Fórum iMasters

 

http://forum.imasters.com.br/index.php?sho...&hl=marquee

 

Pode ter algo que te ajude. Surgindo novas dúvidas post, atente sempre para a busca antes. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif