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 -
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 !!
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:
- Porta fonctionne pas sous Firefox
- Telecharger firefox - Télécharger - Navigateurs
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Exporter favoris firefox - Guide
- Ghostery firefox - Télécharger - Web & Internet
- Comment supprimer bing de firefox - Guide
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.
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.