Ir para conteúdo

POWERED BY:

Arquivado

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

Derme

ie7 x css

Por , em Desenvolvimento frontend

Recommended Posts

Derme    0

Derme
Postado

Estou tendo dificuldades em configurar uma folha de estilos que fique correto no IE6 e IE7,Fica tudo certinho no 6 mas desconfigurado no 7. Existe alguma documentaçãoque explique o que mudou do IE6 para o IE7 com relacão as propriedades CSS?

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcelrizzo    0

marcelrizzo
Postado

Olha, por experiência pessoal, eu tenho feito uma para o FF e para o IE 7 e estão ficando compatíveis e faço para o IE 6 uma alternativa. Você sabe usar comentários condicionais?Boa tarde.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Olha, por experiência pessoal, eu tenho feito uma para o FF e para o IE 7 e estão ficando compatíveis e faço para o IE 6 uma alternativa.

Péssima idéia, isso se usa em caso de vida ou morte...Derme, explique melhor seu problema e se possivel nos mande um link onde possamos ver[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Derme    0

Derme
Postado

Olha só!eu criei uma css para FF e IE6 usando aquele truque do underlinewidth:20px_width:10pxFunciona bem para o IE6 e FF mas não tá desconfigurado no IE7nesse link www.flyaero.com.br/deliveryse você abre no FF ou IE7 o menu horizontal aparece normalmente mas não no IE7Ah! gostaria de saber se as propriedades default do IE7 são as mesmas do IE6

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Se você quer um hack pra IE7, eh sh por um * na frente da propriedade:

seletor {propriedade:valor; /* NORMAL */*propriedade:valor; /* IE7 */_propriedade:valor; /* IE6 */}

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Derme    0

Derme
Postado

O pior é que acho que não se trata disso, da uma olhada no código

acho q o problema esta com a classe divBg ou divMenu

 

<html><title>Delivery on-line</title><style type="text/css">   /*|||||||| MENU HORIZONTAL |||||||||||||||||*/a.divMenu:link	{color:#ffffff; text-decoration:none;}a.divMenu:visited {color:#ffffff; text-decoration:none;}a.divMenu:hover   {color:#dfdfdf; text-decoration:underline;}#divBg		   {position:static; z-index:10; width:700px; left:0px; height:18px; clip:rect(0px 10px 10px 0px); visibility:hidden;}#divMenu		 {position:absolute; z-index:11; left:11px; top:1px; color:#333333; font-size:13px; font-family:verdana,arial,helvetica,sans-serif; visibility:inherit;}#divArrowLeft	{position:static; z-index:12; width:11px; height:18px; left:0px; top:10px; visibility:inherit;}#divArrowRight   {position:static; z-index:13; width:11px; height:18px;top:10px; visibility:inherit;} /* Configuração dos colchetes onde estão os itens do menu*/.colchetes{color:#ffffff;font-weight:bold;}/* Configuração da linha onde está inserido o menu*/.linha_menu{background:darkblue;width:90%;margin-top:0px;height:18px;padding-top:0px}/* |||||||| FIM MENU HORIZONTAL ||||||||||||||| */</style><!-- FUNÇÕES PARA A CRIAÇÃO DO MENU HORIZONTAL --><script language="JavaScript" type="text/javascript">/**********************************************************************************   SideScrollMenu *   Copyright (C) 2001 <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a>*   This script was released at DHTMLCentral.com*   Visit for more great scripts!*   This may be used and changed freely as long as this msg is intact!*   We will also appreciate any links you could give us.**   Made by <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a>  and modified by Michael van Ouwerkerk*********************************************************************************/function lib_bwcheck(){ //Browsercheck (needed)	this.ver=navigator.appVersion	this.agent=navigator.userAgent	this.dom=document.getElementById?1:0	this.opera5=this.agent.indexOf("Opera 5")>-1	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;	this.ie=this.ie4||this.ie5||this.ie6	this.mac=this.agent.indexOf("Mac")>-1	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 	this.ns4=(document.layers && !this.dom)?1:0;	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)	return this}var bw=new lib_bwcheck()/**************************************************************************Variables to set.***************************************************************************/sLeft = 10		 //The left placement of the menusTop = 10		//The top placement of the menusMenuheight = 15  //The height of the menusArrowwidth = 11  //Width of the arrowssScrollspeed = 20 //Scroll speed: (in milliseconds, change this one and the next variable to change the speed)sScrollPx = 4	 //Pixels to scroll per timeout.sScrollExtra = 9 //Extra speed to scroll onmousedown (pixels)pageWidth2=680; // Largura do menu/**************************************************************************Scrolling functions***************************************************************************/var tim = 0var noScroll = truefunction mLeft(){	if (!noScroll && oMenu.x<sArrowwidth){		oMenu.moveBy(sScrollPx,0)		tim = setTimeout("mLeft()",sScrollspeed)	}}function mRight(){	if (!noScroll && oMenu.x>-(oMenu.scrollWidth-(pageWidth))-sArrowwidth){		oMenu.moveBy(-sScrollPx,0)		tim = setTimeout("mRight()",sScrollspeed)	}}function noMove(){	clearTimeout(tim);	noScroll = true;	sScrollPx = sScrollPxOriginal;}/**************************************************************************Object part***************************************************************************/function makeObj(obj,nest,menu){	nest = (!nest) ? "":'document.'+nest+'.';	this.elm = bw.ns4?eval(nest+"document.layers." +obj):bw.ie4?document.all[obj]:document.getElementById(obj);	   this.css = bw.ns4?this.elm:this.elm.style;	this.scrollWidth = bw.ns4?this.css.document.width:this.elm.offsetWidth;	this.x = bw.ns4?this.css.left:this.elm.offsetLeft;	this.y = bw.ns4?this.css.top:this.elm.offsetTop;	this.moveBy = b_moveBy;	this.moveIt = b_moveIt;	this.clipTo = b_clipTo;	return this;}var px = bw.ns4||window.opera?"":"px";function b_moveIt(x,y){	if (x!=null){this.x=x; this.css.left=this.x+px;}	if (y!=null){this.y=y; this.css.top=this.y+px;}}function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; this.css.left=this.x+px; this.css.top=this.y+px;}function b_clipTo(t,r,b,l){	if(bw.ns4){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l;}	else this.css.clip="rect("+t+"px "+r+"px "+b+"px "+l+"px)";}/**************************************************************************Object part end***************************************************************************//**************************************************************************Init function. Set the placements of the objects here.***************************************************************************/var sScrollPxOriginal = sScrollPx;function sideInit(){	//Width of the menu, Currently set to the width of the document.	//If you want the menu to be 500px wide for instance, just 	//set the pageWidth=500 in stead.	//pageWidth = (bw.ns4 || bw.ns6 || window.opera)?innerWidth:document.body.clientWidth;	pageWidth =pageWidth2;		//Making the objects...	oBg = new makeObj('divBg')	oMenu = new makeObj('divMenu','divBg',1)	oArrowRight = new makeObj('divArrowRight','divBg')		//Placing the menucontainer, the layer with links, and the right arrow.	oBg.moveIt(sLeft,sTop) //Main div, holds all the other divs.	oMenu.moveIt(sArrowwidth,null)	oArrowRight.css.width = sArrowwidth;	oArrowRight.moveIt(pageWidth-sArrowwidth,null)		//Setting the width and the visible area of the links.	if (!bw.ns4) oBg.css.overflow = "hidden";	if (bw.ns6) oMenu.css.position = "relative";	oBg.css.width = pageWidth+px;	oBg.clipTo(0,pageWidth,sMenuheight,0)	oBg.css.visibility = "visible";}//executing the init function on pageload if the browser is ok.if (bw.bw) onload = sideInit;</script><!-- FIM FUNÇÕES PARA CRIAÇÂO DO MENU HORIZONTAL--></head><script language=JavaScript src="scriptrca.php"></SCRIPT><body  topmargin="0" leftmargin="0" >   <table border="0" cellpadding="0" cellspacing="0" width="650px" height="100px"  align="center" style="width:700px;height:50%;text-align:center;" >	 	   <tr>		  <td style="width:100%;height:18px;top:0px;border:0 solid red;padding-top:5px" valign="middle" height="18px" align="center">						 <!-- C O M E Ç O  D O   M E N U -->			<table class="linha_menu" align="center"><tr>			<td valign="middle">			   <div id="divArrowLeft"><a href="#" onmouseover="noScroll=false; mLeft()" onmouseout="noMove()" onclick="sScrollPx-=sScrollExtra; return false" onfocus="if(this.blur)this.blur()" onmousedown="sScrollPx+=sScrollExtra" style="color:#ffffff"><<<</a></div>	  			</td>			<td valign="middle">									<span class="linha_menu">			<div id="divBg" >			   				<div id="divMenu" >					<nobr class="colchetes">					   [carnes] [frios] [enlatados] [farináceos] [congelados] [latcíneos] [peixe] [limpeza] [higiene] [brinquedos] [veterinário] [bebidas]  					</nobr>					</div>						</div>			</span>					 						</td><td valign="middle" style="padding-right:2px">			   <div id="divArrowRight"><a href="#" onmouseover="noScroll=false; mRight()" onmouseout="noMove()" onclick="sScrollPx-=sScrollExtra; return false" onfocus="if(this.blur)this.blur()" onmousedown="sScrollPx+=sScrollExtra" style="color:#ffffff">>>></a>			</td></tr>			</table>			<!-- F I N A L  D O   M E N U -->											</td>		</tr>   </table></body></html>

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