Centrage firfox - IE
Résolu/Fermé
telline
Messages postés
31
Date d'inscription
jeudi 27 novembre 2008
Statut
Membre
Dernière intervention
28 septembre 2009
-
21 janv. 2009 à 17:27
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 22 janv. 2009 à 15:35
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 22 janv. 2009 à 15:35
A voir également:
- Centrage firfox - IE
- Ie tab - Télécharger - Outils pour navigateurs
- Ie portable ✓ - Forum Windows XP
- Ie 11 - Télécharger - Navigateurs
- Firfox - Télécharger - Navigateurs
- Ie 9 - Télécharger - Navigateurs
6 réponses
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
21 janv. 2009 à 17:32
21 janv. 2009 à 17:32
salut,
doit y avoir une question de marges là-dessous.
as-tu une version en ligne à nous montrer ?
doit y avoir une question de marges là-dessous.
as-tu une version en ligne à nous montrer ?
telline
Messages postés
31
Date d'inscription
jeudi 27 novembre 2008
Statut
Membre
Dernière intervention
28 septembre 2009
21 janv. 2009 à 17:59
21 janv. 2009 à 17:59
CSS
body {
width: 900px;
text-align: center; /*on centre le site, mais le texte est lui aussi centré*/
margin: auto; /*on centre pour Firefox et les autres navigateur excepté IE*/
background-color : #99ffff;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}
p {
text-align : justify;
} h1 {
text-align : center;
text-decoration : underline;
color : blue;
}
#en_tete a img {
border : none;
text-align:center;
}
#menuhorizontal {
margin-top : 40px;
margin-bottom : 60px;
text-align:center;
}
#menuhorizontal ul {
list-style-type : none;
}
#menuhorizontal li {
display : inline;
margin : 20px;
}
#menuhorizontal a {
color : #ff40c0;
}
#menuhorizontal a:hover {
color : orange;
background-color : #b3b3b3;
}
#menuhorizontal a:visited {
color : #008060;
}
#menuvertical {
float : left;
width : 20%;
background-color:#FFFF99;
}
#menuvertical ul {
list-style-type : none;
margin-left:auto;
margin-right:auto;
}
#menuvertical li {
margin-top : 60px;
}
#menuvertical a {
color : #ff40c0;
}
#menuvertical a:hover {
color : orange;
background-color : #b3b3b3;
}
#menuvertical a:visited {
color : #008060;
}
#corps {
width : 80%;
margin-left:300px;
}
#corps h1 {
text-align : center;
font-size:0,5em;
}
#corps h2 {
padding-left : 30px;
color : blue;
text-align : center;
}
#corps ul {
text-align:justify;
margin-left:140px;
}
#corps h3 {
text-align : center;
}
#corps p {
font-size : 18px;
}
#corps em {
text-decoration : underline;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page p {
padding : 5px;
text-align : center;
color : blue;
}
.pied_de_page {
padding : 5px;
}
.pied_de_page p {
text-align : center;
}
.pied_de_page ul {
list-style-type : none;
}
.pied_de_page li {
display : inline;
}
.pied_de_page a {
margin : 45px;
}
.pied_de_page a:hover {
color : orange;
background-color : #b3b3b3;
}
.pied_de_page a:visited {
color : purple;
}
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>implanlyon Cabinet dentaire Lyon-Vaise-docteur Philippe Martin</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Mon style" href="essai.css"/>
</head>
<body>
<!-- L'en-tête -->
<div id="en_tete" >
<a href="https://www.dr-martinphilippe.fr/" title="implanlyon cabinet du docteur Philippe Martin"><img src="banniere.jpg" alt="implanlyon-cabinet Lyon Vaise"/></a>
</div>
<!-- Les menus -->
<div id="menuhorizontal">
<ul>
<li><a href="implanlyon_accueil.html" title="implanlyon-accueil"><strong>Accueil</strong></a></li>
<li><a href="implanlyon_implantologie.html" title="implanlyon-implantologie"> <strong>Implantologie dentaire </strong></a></li>
<li><a href="implanlyon_parodontologie.html" title="implanlyon-parodontologie"><strong>Parodontologie</strong></a></li>
<li><a href="implanlyon_prothèse_dentaire.html" title="implanlyon-prothèse dentaire"><strong>Prothèse dentaire</strong></a></li>
<li><a href="implanlyon_chirurgie_buccale.html" title="implanlyon-chirurgie buccale"><strong>Chirurgie buccale</strong></a></li>
</ul>
</div>
<div id="menuvertical">
<ul>
<li><a href="implanlyon_le_cabinet.html" title="le cabinet"><strong>Le Cabinet</strong></a></li>
<li><a href="implanlyon_plan_et_horaires.html" title="plan et horaire"><strong>Plan et Horaires</strong></a></li>
<li><a href="implanlyon_intervention_clinique_parc.html" title="intervention clinique du parc"><strong>Intervention sous anesthésie générale</strong></a></li>
<li><a href="implanlyon_galerie-photos.html" title="galerie photos"> <strong>Galerie Photos</strong></a></li>
<li><a href="implanlyon_fiches information et lexique.html" title="fiches information et lexique"><strong>Fiches Information et Lexique</strong></a></li>
<li><a href="implanlyon_faq.html" title="foire aux questions"><strong>F.A.Q</strong></a></li>
</ul>
</div>
<!-- Le corps -->
<div id="corps">
<h1><strong>BIENVENUE SUR IMPLANLYON.COM</strong></h1>
<h2 >Docteur Philippe MARTIN</h2>
<h2 >Chirurgien-Dentiste</h2>
<ul>
<li>Diplomé de la Faculté d'Odontologie de Lyon</li>
<li>Maître ès Sciences Biologiques et Médicales</li>
<li>Certificat d'Etude Supérieure de Biologie Médicale</li>
<li>Certificat d'Etude Supérieure de Parodontologie</li>
<li>Attaché des Hôpitaux de LYON</li>
<li>Implantologie</li>
</ul>
<h3 >69 4 02858 0</h3>
<h3>Conventionné</h3>
<h3>p.martin014@cegetel.rss.fr</h3>
<br/>
<h1>Bonjour et Bienvenue sur le site Implanlyon.fr</h1>
<br/>
<br/>
<br/>
<p>Ce site a pour but de vous <em>éclairer</em> sur toutes les <em>questions </em>que vous pourriez vous poser concernant votre <em>santé bucco-dentaire</em>.</p>
<p>Toujours soucieux de vous apporter tous les <em>soins et conseils </em>de pointe et de qualité, vous aurez maintenant la possibilité de consulter à <em>votre rythme </em>et selon vos <em>envies</em> les différentes rubriques qui le composent.</p><br/>
<p>Je vous souhaite une bonne navigation!</p><br/><br/>
</div>
<!-- Le pied de page -->
<div id="pied_de_page">
<p>1, rue Saint Pierre de Vaise, 69009 LYON tél:04.78.83.79.89</p>
</div>
<div class="pied_de_page" >
<ul class="pied_de_page" >
<li class="pied_de_page"> <a class="pied_de_page" href="implanlyon_mentions_legales.html" title="implanlyon-Mentions Légales"><strong>Mentions Légales</strong></a></li>
<li class="pied_de_page"> <a class="pied_de_page" href="implanlyon_liens_et_annuaires.html" title="implanlyon-liens et annuaires"><strong>Liens et Annuaires</strong></a></li>
<li class="pied_de_page"> <a class="pied_de_page" href="mailto:p.martin014@cegetel.rss.fr" title="implanlyon-contact"><strong>Contact</strong></a></li>
</ul>
</div>
<p>
<a href="http://jigsaw.w3.org/css-validator/">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="CSS Valide !" />
</a>
</p>
</body>
</html>
Je pense que seul le css t'interesse....merci d'avance
body {
width: 900px;
text-align: center; /*on centre le site, mais le texte est lui aussi centré*/
margin: auto; /*on centre pour Firefox et les autres navigateur excepté IE*/
background-color : #99ffff;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}
p {
text-align : justify;
} h1 {
text-align : center;
text-decoration : underline;
color : blue;
}
#en_tete a img {
border : none;
text-align:center;
}
#menuhorizontal {
margin-top : 40px;
margin-bottom : 60px;
text-align:center;
}
#menuhorizontal ul {
list-style-type : none;
}
#menuhorizontal li {
display : inline;
margin : 20px;
}
#menuhorizontal a {
color : #ff40c0;
}
#menuhorizontal a:hover {
color : orange;
background-color : #b3b3b3;
}
#menuhorizontal a:visited {
color : #008060;
}
#menuvertical {
float : left;
width : 20%;
background-color:#FFFF99;
}
#menuvertical ul {
list-style-type : none;
margin-left:auto;
margin-right:auto;
}
#menuvertical li {
margin-top : 60px;
}
#menuvertical a {
color : #ff40c0;
}
#menuvertical a:hover {
color : orange;
background-color : #b3b3b3;
}
#menuvertical a:visited {
color : #008060;
}
#corps {
width : 80%;
margin-left:300px;
}
#corps h1 {
text-align : center;
font-size:0,5em;
}
#corps h2 {
padding-left : 30px;
color : blue;
text-align : center;
}
#corps ul {
text-align:justify;
margin-left:140px;
}
#corps h3 {
text-align : center;
}
#corps p {
font-size : 18px;
}
#corps em {
text-decoration : underline;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page p {
padding : 5px;
text-align : center;
color : blue;
}
.pied_de_page {
padding : 5px;
}
.pied_de_page p {
text-align : center;
}
.pied_de_page ul {
list-style-type : none;
}
.pied_de_page li {
display : inline;
}
.pied_de_page a {
margin : 45px;
}
.pied_de_page a:hover {
color : orange;
background-color : #b3b3b3;
}
.pied_de_page a:visited {
color : purple;
}
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>implanlyon Cabinet dentaire Lyon-Vaise-docteur Philippe Martin</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Mon style" href="essai.css"/>
</head>
<body>
<!-- L'en-tête -->
<div id="en_tete" >
<a href="https://www.dr-martinphilippe.fr/" title="implanlyon cabinet du docteur Philippe Martin"><img src="banniere.jpg" alt="implanlyon-cabinet Lyon Vaise"/></a>
</div>
<!-- Les menus -->
<div id="menuhorizontal">
<ul>
<li><a href="implanlyon_accueil.html" title="implanlyon-accueil"><strong>Accueil</strong></a></li>
<li><a href="implanlyon_implantologie.html" title="implanlyon-implantologie"> <strong>Implantologie dentaire </strong></a></li>
<li><a href="implanlyon_parodontologie.html" title="implanlyon-parodontologie"><strong>Parodontologie</strong></a></li>
<li><a href="implanlyon_prothèse_dentaire.html" title="implanlyon-prothèse dentaire"><strong>Prothèse dentaire</strong></a></li>
<li><a href="implanlyon_chirurgie_buccale.html" title="implanlyon-chirurgie buccale"><strong>Chirurgie buccale</strong></a></li>
</ul>
</div>
<div id="menuvertical">
<ul>
<li><a href="implanlyon_le_cabinet.html" title="le cabinet"><strong>Le Cabinet</strong></a></li>
<li><a href="implanlyon_plan_et_horaires.html" title="plan et horaire"><strong>Plan et Horaires</strong></a></li>
<li><a href="implanlyon_intervention_clinique_parc.html" title="intervention clinique du parc"><strong>Intervention sous anesthésie générale</strong></a></li>
<li><a href="implanlyon_galerie-photos.html" title="galerie photos"> <strong>Galerie Photos</strong></a></li>
<li><a href="implanlyon_fiches information et lexique.html" title="fiches information et lexique"><strong>Fiches Information et Lexique</strong></a></li>
<li><a href="implanlyon_faq.html" title="foire aux questions"><strong>F.A.Q</strong></a></li>
</ul>
</div>
<!-- Le corps -->
<div id="corps">
<h1><strong>BIENVENUE SUR IMPLANLYON.COM</strong></h1>
<h2 >Docteur Philippe MARTIN</h2>
<h2 >Chirurgien-Dentiste</h2>
<ul>
<li>Diplomé de la Faculté d'Odontologie de Lyon</li>
<li>Maître ès Sciences Biologiques et Médicales</li>
<li>Certificat d'Etude Supérieure de Biologie Médicale</li>
<li>Certificat d'Etude Supérieure de Parodontologie</li>
<li>Attaché des Hôpitaux de LYON</li>
<li>Implantologie</li>
</ul>
<h3 >69 4 02858 0</h3>
<h3>Conventionné</h3>
<h3>p.martin014@cegetel.rss.fr</h3>
<br/>
<h1>Bonjour et Bienvenue sur le site Implanlyon.fr</h1>
<br/>
<br/>
<br/>
<p>Ce site a pour but de vous <em>éclairer</em> sur toutes les <em>questions </em>que vous pourriez vous poser concernant votre <em>santé bucco-dentaire</em>.</p>
<p>Toujours soucieux de vous apporter tous les <em>soins et conseils </em>de pointe et de qualité, vous aurez maintenant la possibilité de consulter à <em>votre rythme </em>et selon vos <em>envies</em> les différentes rubriques qui le composent.</p><br/>
<p>Je vous souhaite une bonne navigation!</p><br/><br/>
</div>
<!-- Le pied de page -->
<div id="pied_de_page">
<p>1, rue Saint Pierre de Vaise, 69009 LYON tél:04.78.83.79.89</p>
</div>
<div class="pied_de_page" >
<ul class="pied_de_page" >
<li class="pied_de_page"> <a class="pied_de_page" href="implanlyon_mentions_legales.html" title="implanlyon-Mentions Légales"><strong>Mentions Légales</strong></a></li>
<li class="pied_de_page"> <a class="pied_de_page" href="implanlyon_liens_et_annuaires.html" title="implanlyon-liens et annuaires"><strong>Liens et Annuaires</strong></a></li>
<li class="pied_de_page"> <a class="pied_de_page" href="mailto:p.martin014@cegetel.rss.fr" title="implanlyon-contact"><strong>Contact</strong></a></li>
</ul>
</div>
<p>
<a href="http://jigsaw.w3.org/css-validator/">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="CSS Valide !" />
</a>
</p>
</body>
</html>
Je pense que seul le css t'interesse....merci d'avance
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
21 janv. 2009 à 18:04
21 janv. 2009 à 18:04
tu devrais plutôt avoir :
la largeur devrait être libre.
pour le <body> tu dois pouvoir faire sauter le {text-align:center;} et le {font-family} n'est pas logique, mélange de serif et sans-serif.
#corps {
padding-left:20%; /* égale à la largeur du menu, un peu plus pour avoir une marge entre les deux */
}
la largeur devrait être libre.
pour le <body> tu dois pouvoir faire sauter le {text-align:center;} et le {font-family} n'est pas logique, mélange de serif et sans-serif.
telline
Messages postés
31
Date d'inscription
jeudi 27 novembre 2008
Statut
Membre
Dernière intervention
28 septembre 2009
21 janv. 2009 à 18:16
21 janv. 2009 à 18:16
Bon, j'ai supprimé largeur 20% du bloc flottant et dans le body le {text-align:center;} et le {font-family} mais cela ne change rien sous IE le bloc "corps n'est pas à coté du bloc flottant .
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
21 janv. 2009 à 18:20
21 janv. 2009 à 18:20
j'ai supprimé largeur 20% du bloc flottant
mais pourquoi t'as fait ça !!!
je parlais de la largeur du corps !
et pour le <body> c'était des remarques annexes !
je relis encore ta CSS, faut trouver des {margin} ou {padding} qui mettent le souk !
mais pourquoi t'as fait ça !!!
je parlais de la largeur du corps !
et pour le <body> c'était des remarques annexes !
je relis encore ta CSS, faut trouver des {margin} ou {padding} qui mettent le souk !
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
21 janv. 2009 à 18:21
21 janv. 2009 à 18:21
#corps ul {
text-align:justify;
margin-left:140px;
}
essaie de le passer en :
#corps ul {
text-align:justify;
padding-left:140px;
}
telline
Messages postés
31
Date d'inscription
jeudi 27 novembre 2008
Statut
Membre
Dernière intervention
28 septembre 2009
22 janv. 2009 à 15:30
22 janv. 2009 à 15:30
rebonjour,
mes excuses, j'étais polarisée sur le bloc flottant, je viens de mettre ton code et ça Maaaaarche!!!!MERCI INFINIMENT.
mes excuses, j'étais polarisée sur le bloc flottant, je viens de mettre ton code et ça Maaaaarche!!!!MERCI INFINIMENT.
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
>
telline
Messages postés
31
Date d'inscription
jeudi 27 novembre 2008
Statut
Membre
Dernière intervention
28 septembre 2009
22 janv. 2009 à 15:35
22 janv. 2009 à 15:35
bon courage pour la suite !
-;o)
-;o)
