Porta fonctionne pas sous Firefox

Fermé
simgob Messages postés 584 Date d'inscription mardi 10 janvier 2006 Statut Membre Dernière intervention 25 septembre 2013 - 30 oct. 2008 à 17:38
simgob Messages postés 584 Date d'inscription mardi 10 janvier 2006 Statut Membre Dernière intervention 25 septembre 2013 - 1 juin 2011 à 16:11
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

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 mardi 10 janvier 2006 Statut Membre Dernière intervention 25 septembre 2013 47
1 juin 2011 à 16:11
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