Lightbox

**gingy** · 27-06-2006, 16:21

Salve.
Sto usando lo script Lightbox 2.0 ma ho un problema.
Mentre con Firefox funziona alla grande con Internet Explorer 6 l'immagine ombra, che dovrebbe coprire tutta la pagina all'interno del browser, ne copre solamente metà.
Da cosa può dipendere ?
Il sito di supporto consiglia, nel CSS, di porre il margine e il paddig a 0, ma nonostante ciò non è cambiato nulla.
Spero che almeno stavolta qualcuno mi possa aiutare.
Grazie.

**buribus** · 27-06-2006, 23:30

posta il css e anche il il markup html relativi alla pagina che include la gallery con lightbox2, evidentemente fai uso di qualche posizionamento assoluto (per il footer ad esempio)... io ne ho sperimentati diversi di questi script ajax per la sovrapposizione dei layer e devo dire che sono più o meno tutti di facile implementazione...
ciao

**gingy** · 13-07-2006, 16:02

Ciao, scusami solo ora ho letto il tuo messaggio.
Ecco il codice HTML:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Irfid - Disabilit&agrave; Evolutive</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<style type="text/css">
<!--
h1 {
	color: #535769;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
}
.altezza {
	font-size: 12px;
}
#tabella {
	position:absolute;
	left:149px;
	top:263px;
	width:527px;
	height:280px;
	z-index:10;
}
td {
	text-align: center;
	border: 1px solid #DBDCE3;
	font-size: 10px;
}
#comitato {
	position:absolute;
	left:149px;
	top:697px;
	width:527px;
	height:295px;
	z-index:11;
}
.enfasi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
.sinistra {
	text-align: left;
	font-size: 12px;
}
#riviste {
	position:absolute;
	left:149px;
	top:1022px;
	width:527px;
	height:214px;
	z-index:12;
}
.centrale {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
-->
</style>
<link href="stile_disabilita.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
</head>

<body>
<div id="wrapper">
 <div id="header">[img]immagini/logo.gif[/img]</div>
 <div id="menu">
  <ul>[*]Home
	[*]Contatti
	[*]Disabilità Evolutive
	[*]Pubblicazioni[/list]
 </div> 
 <div id="body">
   <div id="rightcol">
    <div id="verticalmenu">
	<ul>
	[*]Statuto
	[*]Collaboratori
	[*]Formazione
	[*]Motori di ricerca
	[*]Link[/list]
	</div> 
   </div> 
 <div id="maincol">
  <h1>DISABILITA' EVOLUTIVE</h1>
  <p class="altezza">DIRETTORE/EDITOR: Giovanni Maria Guazzo</p>
  <p class="altezza">COMITATO SCIENTIFICO/ADVISORY BOARD:</p>
 </div> 
 
  </div> 
</div> 

<div class="design" id="footer">Design by Giovanni Gallo</div>
<div id="validator">
  

<span class="usabile">Sito usabile</span>[img]immagini/valid_xhtml10_80x15.gif[/img]    [img]immagini/valid_css_80x15_1.gif[/img]</p>
</div>
<div class="usabile" id="denominazione">IRFID</div>
<div id="tabella">
  <table width="525" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>Simon Baron-Cohen

      (University of Cambridge)
</td>
      <td>Carroll E. Izard

      (University of Delaware)</td>
      <td>Eliano Pessa

      (Universit&agrave; di Pavia)</td>
    </tr>
    <tr>
      <td>Michael C. Beveridge 

      (University of Plymouth)</td>
      <td>Alan E. Kazdin

      (Yale University)</td>
      <td>Steven Pinker

      (MIT)</td>
    </tr>
    <tr>
      <td>Susan B. Campbell

      (University of Pittsburgh)</td>
      <td>Philip C. Kendall

      (Temple University)</td>
      <td>Michael I. Posner

      (University of Oregon)</td>
    </tr>
    <tr>
      <td>Edward G. Carr

      (State University of New York)</td>
      <td>Robert L. Koegel

      (University of California)</td>
      <td>Ian H. Robertson

      (University of Dublin)</td>
    </tr>
    <tr>
      <td>Cesare Cornoldi 

      (Universit&agrave; di Padova)
</td>
      <td>Laurence  B. Leonard

      (Purdue University)
</td>
      <td>Jean A. Rondal 

      (Universit&egrave; de Liege)</td>
    </tr>
    <tr>
      <td>Lucio Cottini 

      (Universit&agrave; di Urbino)
</td>
      <td>Michael McCloskey

      (Johns Hopkins University)
</td>
      <td>Oskar Schindler 

      (Universit&agrave; di Torino)
</td>
    </tr>
    <tr>
      <td>Rossana De Beni 

      (Universit&agrave; di Padova)
</td>
      <td>Paolo Meazzini 

      (Universit&agrave; di Udine)
</td>
      <td>Eric Schopler

      (University of  North Carolina)
</td>
    </tr>
    <tr>
      <td>Michael W. Eysenck

      (University of London)
</td>
      <td>Roberto Militerni 

      (Seconda Universit&agrave; di Napoli)
</td>
      <td>Laura Schreibman

      (University of California)
</td>
    </tr>
    <tr>
      <td>Uta Frith

      (University College of London)
</td>
      <td>Paolo Moderato

      (Universit&agrave; di Parma)
</td>
      <td>Tim Shallice

      (University College London)
</td>
    </tr>
    <tr>
      <td>Michael J. Guralnick

      (University of Washington)
</td>
      <td>Lynn Nadel

      (University of Arizona)
</td>
      <td>Luca Surian 

      (Universit&agrave; di Padova)
</td>
    </tr>
    <tr>
      <td>Robert Hodapp 

      (University of California)
</td>
      <td>Roberto Nicoletti 

      (Universit&agrave; di Padova)
</td>
      <td>Helen Tager-Flusberg

      (University of Massachusetts)
</td>
    </tr>
    <tr>
      <td>Jon Horvitz

      (Columbia University)
</td>
      <td>Thomas Oakland

      (University of Florida)
</td>
      <td>Krystyna E. Wisniewski
  
	  (Inst. Basic Resear. of  New York)
</td>
    </tr>
    <tr>
      <td>Patricia Howlin

      (St. G. H. Med. School of London)
</td>
      <td>Thomas H. Ollendick

      (Virginia State University)
</td>
      <td>Edward F. Zigler

      (Yale University)
</td>
    </tr>
  </table>
</div>
<div class="sinistra" id="comitato">
  

COMITATO DI REDAZIONE/EDITORIAL BOARD:</p>
  

Abbonamento/Subscription: &ldquo;Disabilit&agrave; Evolutive&rdquo; esce quattro volte l&rsquo;anno. Un numero costa 15,00 euro. L&rsquo;abbonamento annuo costa 50,00 euro e pu&ograve; essere sottoscritto tramite versamento su conto corrente postale n&deg; 45002342 intestato a:  IRFID &ndash; ONLUS, Via Circumvallazione, 163, 80035 Nola (NA). Gli abbonamenti non disdetti per iscritto entro 30 gg. dalla scadenza si intendono rinnovati per l&rsquo;anno successivo. Per informazioni: IRFID &ndash; ONLUS, Via Circumvallazione, 163, 80035 Nola (NA).Tel +39 0818265692  -   Fax  +39 0818265676   -    www.irfid.it   -  E-mail: info@irfid.it</p>
</div>
<div id="riviste"> <span class="enfasi">ULTIMI NUMERI PUBBLICATI</span>

  <table width="500" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>[img]immagini/disabilita_3.gif[/img]</td>
    </tr>
    <tr>
      <td>Anno VI - N&deg;18 Settembre 2004. Disabilit&agrave; evolutive.</td>
      <td>Anno VI - N&deg;19 Dicembre. Disabilit&agrave; evolutive.</td>
      <td>Anno VI - N&deg;18 Settembre 2004. Disabilit&agrave; evolutive.</td>
    </tr>
  </table>
  

<span class="centrale">INFORMAZIONI PER I COLLABORATORI</span></div>
</body>
</html>

e quello CSS:

codice:

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color: #c8cbcb;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#wrapper {
	position:absolute;
	left:100px;
	top:0px;
	width:800px;
	text-align: left;
	height:1330px;
	z-index:1;
	background-image: url(immagini/background.gif);
	background-repeat: repeat-y;
}
#header {
	position:absolute;
	left:22px;
	top:0px;
	width:695px;
	height:91px;
	z-index:2;
}
#menu {
	position:absolute;
	left:22px;
	top:123px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	width:746px;
	height:13px;
	z-index:3;
	background-image: url(immagini/menu.gif);
	background-repeat: repeat-x;
}
#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menu ul li {
	display: inline;
	padding-left: 10px;
}
#menu a:link, #menu a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#menu a:active, #menu a:hover {
	color: #EDDF7D;
	text-decoration: none;
}
#rightcol {
	position:absolute;
	left:599px;
	top:161px;
	width:164px;
	height:360px;
	z-index:4;
}
#footer {
	position:absolute;
	left:100px;
	top:1384px;
	width:800px;
	height:49px;
	z-index:7;
	background-image: url(immagini/bottom.gif);
	background-repeat: no-repeat;
	clear: both;
}
#maincol {
	position:absolute;
	left:42px;
	top:160px;
	width:520px;
	height:1133px;
	z-index:6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DBDCE3;
	padding: 10px;
}
#verticalmenu {
	position:absolute;
	left:12px;
	top:25px;
	width:136px;
	height:122px;
	z-index:5;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#verticalmenu a {
	color: #697172;
	background-color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #A4A4A4;
	border-right-color: #A4A4A4;
}
#verticalmenu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.verticalmenua {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A4A4A4;
}

#verticalmenu a:link, #verticalmenu a:visited {
	color: #697172;
	width: 120px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #6F6E7F;
}

#verticalmenu a:hover {
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #64B79B;
}
#validator {
	position:absolute;
	left:730px;
	top:703px;
	width:99px;
	height:22px;
	z-index:8;
}
#denominazione {
	position:absolute;
	left:100px;
	top:1330px;
	width:800px;
	height:54px;
	z-index:9;
	background-image: url(immagini/background.gif);
	background-repeat: repeat-y;
}
#validator img {
	border: 0px solid #FFFFFF;
	padding: 2px;
}
.usabile {
	font-weight: bold;
	color: #535769;
}
.design {
	padding-top: 5px;
}

Discussione: Lightbox

Strumenti discussione

Ricerca discussione

Visualizza

Lightbox

Permessi di invio