Front page IE versus Moxilla Firefox
Résolu
aacbergerat
Messages postés
17
Date d'inscription
Statut
Membre
-
Joy_^ Messages postés 55 Statut Membre -
Joy_^ Messages postés 55 Statut Membre -
Bonjour,
J'utilise depuis de nombreuses années Front Page pour mon site http://ladombes.free.fr et j'aimeria que l'on puiss m'aider sur la question suivante :
J'utilise une CSS afin de centrer ma page sur IE (et cette CSS fonctionne bine sur Firefox mais pas sur IE)
Où est l'erreur ?
CSS
body
{
width:705px;
margin:auto;
}
ul li
{
margin:0px;
padding: 2px 0 2px 15px;
}
p, h1, h2
{
margin:0;
paddin:0;
}
.al
{
text-align:left;
}
h2
{
background-color: #0000FF;
color: #FFFFFF;
border: 1px solid #0000FF;
margin:1px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
align: center
}
<h2 align="center" style="background-color: #0000FF; color: #FFFFFF; border: 1 solid #0000FF; margin: 1">
<b>
<font face="Arial" size="2">
Les événements à ne pas manquer en 2006</center></font></b></h2>
#general
{
border:1px solid #3333FF;
padding-top:2px;
padding-bottom:5px;
/*pour IE*/
}
<table id="navigation">
#navigation
{
width: 180px;
padding: 0;
margin: 0;
border-collapse: collapse;
}
#navigation td
{
height: 500px;
border-bottom: 2px solid #460016;
background-colour: #FFDFEA;
color: #460016;
}
#navigation a:link, #navigation a:visited
{
margin-left: 500px;
color: #460016;
background-color: transparent;
font-size: 500px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
}
#recette
{
border:1px solid #3333FF;
padding-top:2px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
width:60%;
margin-left:20px;
margin-right:20px;
/*pour IE*/
}
.MsoNormal
{
text-align:left;
}
#p
{
text-align: justify;
font: 10px Arial, Helvetica, sans-serif;
line-height: 2.0;
}
general
{
border:1px solid #3333FF;
padding-top:2px;
padding-bottom:5px;
padding-left:55px;
padding-right:55px;
width:90%;
margin-left:90px;
margin-right:90px;
text-align:center; /*pour IE*/
}
Exemple de page qui ne fonctionne pas sur les 2 (IE Firefox)
http://ladombes.free.fr/Tous%20les%20Etangs.htm
Par avance merci
Alain
J'utilise depuis de nombreuses années Front Page pour mon site http://ladombes.free.fr et j'aimeria que l'on puiss m'aider sur la question suivante :
J'utilise une CSS afin de centrer ma page sur IE (et cette CSS fonctionne bine sur Firefox mais pas sur IE)
Où est l'erreur ?
CSS
body
{
width:705px;
margin:auto;
}
ul li
{
margin:0px;
padding: 2px 0 2px 15px;
}
p, h1, h2
{
margin:0;
paddin:0;
}
.al
{
text-align:left;
}
h2
{
background-color: #0000FF;
color: #FFFFFF;
border: 1px solid #0000FF;
margin:1px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
align: center
}
<h2 align="center" style="background-color: #0000FF; color: #FFFFFF; border: 1 solid #0000FF; margin: 1">
<b>
<font face="Arial" size="2">
Les événements à ne pas manquer en 2006</center></font></b></h2>
#general
{
border:1px solid #3333FF;
padding-top:2px;
padding-bottom:5px;
/*pour IE*/
}
<table id="navigation">
#navigation
{
width: 180px;
padding: 0;
margin: 0;
border-collapse: collapse;
}
#navigation td
{
height: 500px;
border-bottom: 2px solid #460016;
background-colour: #FFDFEA;
color: #460016;
}
#navigation a:link, #navigation a:visited
{
margin-left: 500px;
color: #460016;
background-color: transparent;
font-size: 500px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
}
#recette
{
border:1px solid #3333FF;
padding-top:2px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
width:60%;
margin-left:20px;
margin-right:20px;
/*pour IE*/
}
.MsoNormal
{
text-align:left;
}
#p
{
text-align: justify;
font: 10px Arial, Helvetica, sans-serif;
line-height: 2.0;
}
general
{
border:1px solid #3333FF;
padding-top:2px;
padding-bottom:5px;
padding-left:55px;
padding-right:55px;
width:90%;
margin-left:90px;
margin-right:90px;
text-align:center; /*pour IE*/
}
Exemple de page qui ne fonctionne pas sur les 2 (IE Firefox)
http://ladombes.free.fr/Tous%20les%20Etangs.htm
Par avance merci
Alain
Configuration: Windows XP Firefox 3.0.1
3 réponses
-
Salut,
Frontpage n'est pas un éditeur très "actuel" et ne respecte pas trop les normes (W3C, CSS, XHTML...)
Essaye de passer soit par :
- Dreamweaver CS3 : le must mais pas donné
- Kompozer : Gratuit et assez puissant
- Joomla! ou Wordpress : Permettent la création de Sites / blogs assez simplkement et en respectant (généralement) les normes et languages Web.
Cordialement,
Weet-
Merci pour ta réponse rapide
Mon problème est que mon site a actuellement plus de 1000 pages et que de ce fait passer sur un autre developpement serait un TRES gros travail
Pour le moment je souhaite optimiser ce que je fait (actuellement plus de 1000 visites jours sur mon site)
et ensuite parralelement commnercer à migrer
As tu une meilleur idée ?
Amicalement
Alain
-
-
A mon avis il y as plus de travail a reprendre le code de chaque page que de faire une migration sur Joomla ou Wordpress.
Tu as déjà le texte et les photos.
La structure est simple à mettre en oeuvre et un Copier coller est assez rapide
- 5 min pour la mise en place de Joomla (par exemple)
- 10 min pour la création de la structure
- ~1 minute par page (branche Senseo)
Ok c'est du travail mais le résultat sera sans appel.
(Fait le en local et transfert le site a la fin^^) -
Bonjour,
body
{
width:705px;
text-align:center // pour ie
}
general
{
margin: 0 auto // pour center sous firefox
text-align:left; //pour remettre le texte à gauche sous ie
}
si ton général est bien la div qui englobe tous le contenu
