Porta fonctionne pas sous Firefox

simgob Messages postés 584 Date d'inscription   Statut Membre Dernière intervention   -  
simgob Messages postés 584 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
J'emplois le logiciel Porta pour afficher quelques photos. Tout fonctionne sous Int Explorer mais pas sous Firefox. Les photos apparaissent dans une toute petite fenêtre, non centrée, enfin dégueu... Voici l'adresse de la page:

http://www.passe-et-present.com/village/album/index.html

et ce que Porta génère:
body {
font-size: 80%;
color: white;
background: #333333;
font-family: Verdana, Arial, Helvetica, Lucida, sans-serif;
margin: 0px;
padding: 0px;
overflow: auto;
}

table {
border-width: 0;
margin: auto;
}

.title {
color: white;
background-color: inherit;
font-size: 165%;
font-weight: bold;
}

.caption {
text-align: left;
margin: auto;
}

.ctrllinks {
font-size: 80%;
}

.footer {
font-size: 80%;
color: gray;
background-color: inherit;
text-align: right;
margin-top: .5em;
}

img.small {
border: 1px solid black;
margin: 2px;
padding: 0px;
display: block;
}

img.medium {
border: 1px solid black;
margin-top: 10px;
margin-bottom: 0px;
display: block;
margin-left: auto;
margin-right: auto;
}

#mediumpaper {
color: inherit;
background: #282828;
border-style: solid;
border-color: #282828;
border-left-width: 15px;
border-right-width: 15px;
border-top-width: 8px;
border-bottom-width: 14px;
margin-top: 17px;
margin-left: auto;
margin-right: auto;
}

#smallpaper {
color: inherit;
background: #282828;
text-align: center;
font-size: 80%;
padding: 0px;
margin-top: 17px;
margin-left: auto;
margin-right: auto;
}

a {
color: white;
background-color: inherit;
text-decoration: underline;
}

a.control {
color: gray;
background-color: inherit;
}

a:hover {
color: white;
background-color: inherit;
}

#mainlayer {
visibility: visible;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
color: inherit;
background: inherit;
}

#lightboxlayer {
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
color: inherit;
background: #333333;
z-index: 3;
overflow: auto;
}

#lightboxcontainer {
margin-top: 20px;
margin-left:10px;
margin-right:10px;
}

#smalliframe {
position: absolute;
visibility: hidden;
z-index: 2;
}

#mediumiframe {
position: absolute;
visibility: hidden;
z-index: 1;
}

Merci d'avance au petit(s) malin qui pourra me dire pourquoi !!
A voir également:

2 réponses

balistes
 
Question toujours en suspend ? Je la découvre aujourd'hui, en ayant eu à résoudre la même question.
Dans le fichier appearance.css qui se trouve dans ext/css (apparemment, le fichier que tu as copié ci-dessus) et que tu ouvres avec le bloc-notes, tu ajoutes en fin de fichier la commande :

width:100%;
height:100%;

(à placer avant "}"
Tu auras donc en fin de fichier :

#mediumiframe {
position: absolute;
visibility: hidden;
z-index: 1;

width:100%;
height:100%;

}

Ceci est à faire pour chacun de tes diaporamas. Cordialement.
1
simgob Messages postés 584 Date d'inscription   Statut Membre Dernière intervention   47
 
Bonjour Balistes, il n'est pas dans mes habitudes de ne pas remercier les intervenants. je viens de m'apercevoir de ta réponse 2 ans après !! Merci donc, et ça marche !!!
0