Porta fonctionne pas sous Firefox
simgob
Messages postés
592
Statut
Membre
-
simgob Messages postés 592 Statut Membre -
simgob Messages postés 592 Statut Membre -
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
- Downloadhelper firefox - Télécharger - Outils pour navigateurs
- Telecharger firefox - Télécharger - 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.