Posizione Layer e IE MAC

**Aran Benjo** · 27-09-2004, 10:34

Ciao ragazzi!
Ho provato a fare un menu con layer e in mozilla funge tutto ok!
in IE per mac è una tragedia!!!

i layer sono tutti spostati in alto di almeno 50 px!!!!!

sapete dirmi why???

thanx!

**Jerry Masslo** · 27-09-2004, 12:05

intendi che dice la palla di vetro?

senza link o codice non c'è molto da dire, forse niente

ora leggo spostasti in alto allora azzardo possa dipendere dalla nota questione del box-model cioè lo standard e i browser standard sommano padding e border al width o height di un elemento mentre ie li sottrae da qui se con mozilla aggiungi un padding a un height l'elemento sottostante si troverà più in basso che con ie che non fa la somma

soluzioni diverse la più semplice usare !important che ie non legge e così si può dare codice diverso ai vari browser cioè

.elemento {
height:150px!important;
height:100px;
padding-top:50px
}

**Aran Benjo** · 27-09-2004, 16:19

...su Win IE però si vede benone!

**Jerry Masslo** · 27-09-2004, 16:42

Originariamente inviato da Aran Benjo
...su Win IE però si vede benone!

cioé devo trovare per forza una palla di vetro?

non ho né il tuo os né una linea di codice per farmi un'idea

si vede bene su tutti gli ie? con certi doctype anche ie6 funziona in standard quindi per il box-model ha lo stesso comportamento di mozilla, mentre gli altri ie non possono avere questa capacità tranne quello cui ti riferisci tu sempre in dipendenza del doctype, però con alucune dtd funziona in quirk mentre ie6 in standard

per cui se proprio devo spararne un'altra dovresti avere uno di quei doctype per cui il tuo ie è in quirk e ie6 in standard e da qui:

http://pro.html.it/articoli/id_312/i...pag_5/pag.html

si vede ce ne sono solo due, il secondo e il terzo

**Aran Benjo** · 27-09-2004, 16:53

sorry! adesso ti posto la palla di vetro!

codice:

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="_css/style.css" rel="stylesheet" type="text/css">
<script language="JavaScript" src="_include/swap.js"></script>
<script language="JavaScript" src="_include/menu.js"></script>
<script language="JavaScript" src="_include/misc.js"></script>
<script language="JavaScript" type="text/JavaScript">
	function MM_preloadImages() { //v3.0
		var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
			var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
			if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
	}
	
	<!--STAMPA LO STILE CON BACKGROUND RANDOM 		
	var fondo=window.parent.location.search;
	fondo=fondo.substr(7, fondo.length);

	if (fondo==''){
		fondo=getRandomImage();
	}
	
	document.write('<style>body{background:#000000 url('+fondo+') no-repeat center;}</style>');
	//-->
</script>
</head>

<body  onLoad="MM_preloadImages('_img/menu/1a.gif','_img/menu/2a.gif','_img/menu/3a.gif','_img/menu/4a.gif','_img/menu/5a.gif','_img/menu/6a.gif','_img/menu/1-1a.gif','_img/menu/3-1a.gif','_img/menu/3-2a.gif','_img/menu/3-3a.gif','_img/menu/3-4a.gif','_img/menu/3-5a.gif')">
  <div id="chiudifinestra" style="position:absolute; top:5px;right:5px; z-index:10; ">[img]_img/chiudi.gif[/img]</div>
	
	<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
		<tr>
			<td align="center" valign="middle">
				
				<table width="755" height="500" border="0" cellpadding="0" cellspacing="0">
					<tr>						
						<td width="122" valign="top">
							
							<table width="122" height="500" border="0" cellspacing="0" cellpadding="0">
								<tr>
									<td height="218" valign="bottom">
									
										
									<div id="submenu" style="position:relative; margin-left:0px; margin-top:0px; z-index:1; width: 0px; height: 0px;" >	
										
										<div id="logo" style="position:absolute;top:-84px;right:-900px;width:374px; z-index:11; ">[img]_img/logo.gif[/img]

											<font class="testo_logo" style="margin-left:85px">ristorantevarietàdiscobar</font></div>
										
										<div id="sub1" style="position:absolute; margin-top:8px; margin-left:128px; width:122px; height:122px; z-index:1; visibility: hidden;"> 												
											<table onMouseOver="rollover()" onMouseOut="rollout()" width="122" height="122" border="0" cellspacing="0" cellpadding="0" class="submenu">
												<tr> 														
													<td class="titolo_Bianco" valign="top">
														[img]_img/menu/1-1.gif[/img]
 
														[img]_img/menu/1-2.gif[/img]
 
													</td>
												</tr>
											</table>
										</div>
										<div id="sub3" style="position:absolute; margin-top:48px; margin-left:128px; width:122px; height:122px; z-index:1; visibility: hidden;"> 
											<table onMouseOver="rollover()" onMouseOut="rollout()" width="122" height="122" border="0" cellspacing="0" cellpadding="0" class="submenu">
												<tr> 
													<td class="titolo_Bianco" valign="top">
														[img]_img/menu/3-1.gif[/img]
 
														[img]_img/menu/3-2.gif[/img]
 
														[img]_img/menu/3-3.gif[/img]
 
													</td>
												</tr>
											</table>
										</div>
										
										<div id="sub4" style="position:absolute; margin-top:86px;margin-left:256px; width:122px; height:122px; z-index:1; visibility: hidden; "> 
											<table onMouseOver="rollover()" onMouseOut="rollout()" width="122" height="122" border="0" cellspacing="0" cellpadding="0" class="submenu">
												<tr> 
													<td class="titolo_Bianco" valign="top">
															[img]_img/menu/3-3-1.gif[/img]
 														
														<!--[img]_img/menu/3-3-2.gif[/img]
 -->
															[img]_img/menu/3-3-3.gif[/img] 
														</td>
												</tr>
											</table>
										</div>
										
										<div id="sub5" style="position:absolute; margin-top:86px; margin-left:128px; width:122px; height:122px; z-index:1; visibility: hidden;"> 
											<table onMouseOver="rollover()" onMouseOut="rollout()" width="122" height="122" border="0" cellspacing="0" cellpadding="0" class="submenu">
												<tr> 
													<td class="titolo_Bianco" valign="top">[img]_img/menu/5-1a.gif[/img]
</td>
												</tr>
											</table>
										</div>
										<div id="sub6" style="position:absolute; margin-top:103px; margin-left:128px; width:122px; height:122px; z-index:1; visibility: hidden;"> 										
											<table onMouseOver="rollover()" onMouseOut="rollout()" width="122" height="122" border="0" cellspacing="0" cellpadding="0" class="submenu">
												<tr> 
													<td class="titolo_Bianco" valign="top">
														[img]_img/menu/6-1.gif[/img]

														[img]_img/menu/6-2.gif[/img]

														[img]_img/menu/6-3.gif[/img]
 
													</td>
												</tr>
											</table>
										</div>
									</div>
																	
										<table width="122" height="138" border="0" cellpadding="0" cellspacing="0" >
											<tr>
												<td height="8" class="testo_Bianco" onMouseOver="rollout()"></td>
											</tr>									
											<tr>												
												<td valign="middle"  height="122" bgcolor="FF5C00" style="padding-top:5px;">
													[img]_img/menu/1.gif[/img]

													[img]_img/menu/2.gif[/img]

													[img]_img/menu/3.gif[/img]

													[img]_img/menu/4.gif[/img]

													[img]_img/menu/5.gif[/img]

													[img]_img/menu/6.gif[/img]
												</td>
											</tr>
											<tr>
												<td height="8" class="testo_Bianco"></td>
											</tr>
										</table>
										
									</td>
								</tr>
								<tr>
									<td height="122" valign="top">[img]_img/quadrato%20titoli/news.gif[/img]</td>
								</tr>
								<tr>						
									<td valign="bottom" class="testo_Bianco">
										personalizza

										partners

										credits

										download
									</td>
								</tr>
							</table>

**Jerry Masslo** · 27-09-2004, 17:03

per quel che vedo io, poco senza css e script, anche ie6 abbassa il menù

però con quel tipo di codice non sono il più adatto per aiutarti

Discussione: Posizione Layer e IE MAC

Strumenti discussione

Ricerca discussione

Visualizza

Posizione Layer e IE MAC

Permessi di invio