Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1300 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Mise en page IE

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Mise en page IE

n°1831555
manket
Posté le 25-12-2008 à 23:51:20  profilanswer
 

Bonjour,
 
Donc je "débute" dans le html et CSS, et je viens de me rendre compte d'un problème récurrent sur les sites que j'ai créé. Il s'agit d'un problème de mise en forme sous IE qui n'apparaît pas sous Firefox.
 
Les sites en question sont http://manket.free.fr/ et http://miscol2011.free.fr/
 
Je vous met ci dessous le code du site manket.free.fr, l'index et le CSS
 

Citation :

<div id="en_tete">
</div>
 
<div>  
 <a href="index.html" ><img src="images/bouton_accueil_on.gif" name="accueil" onmouseover="accueil.src='images/bouton_accueil_hover.gif'" onmouseout="accueil.src='images/bouton_accueil_on.gif'"  border=0 style="float:left;"/> </a>
 <img style="float:left;" src="images/entre_boutons.gif" width="2" height="30" alt="">
 
 <a href="parcours.html" ><img src="images/bouton_parcours_off.gif" name="parcours" onmouseover="parcours.src='images/bouton_parcours_hover.gif'" onmouseout="parcours.src='images/bouton_parcours_off.gif'"  border=0 style="float:left;"/> </a>
 <img style="float:left;" src="images/entre_boutons.gif" width="2" height="30" alt="">
 
 <a href="creations.html" ><img src="images/bouton_creations_off.gif" name="creations" onmouseover="creations.src='images/bouton_creations_hover.gif'" onmouseout="creations.src='images/bouton_creations_off.gif'"  border=0 style="float:left;"/> </a>
 <img style="float:left;" src="images/entre_boutons.gif" width="2" height="30" alt="">
 
 <a href="liens.html" ><img src="images/bouton_liens_off.gif" name="liens" onmouseover="liens.src='images/bouton_liens_hover.gif'" onmouseout="liens.src='images/bouton_liens_off.gif'"  border=0 style="float:left;"/> </a>
 <img style="float:left;" src="images/entre_boutons.gif" width="2" height="30" alt="">
 
 <a href="contact.html" ><img src="images/bouton_contact_off.gif" name="contact" onmouseover="contact.src='images/bouton_contact_hover.gif'" onmouseout="contact.src='images/bouton_contact_off.gif'"  border=0 style="float:left;"/> </a>
 <img style="float:left;" src="images/entre_boutons.gif" width="2" height="30" alt="">
 
 <a href="blog/" ><img src="images/bouton_blog_off.gif" name="blog" onmouseover="blog.src='images/bouton_blog_hover.gif'" onmouseout="blog.src='images/bouton_blog_off.gif'"  border=0 style="float:left;"/> </a>
 <img style="float:left;" src="images/entre_boutons.gif" width="2" height="30" alt="">
 
 <img style="float:left;" src="images/boutons_fin.gif" width="45" height="30" alt="">
</div>
 
<div id="barre_sous_menu">
</div>
 
<div id="corps">
 
<div id="pub_adsense">
 <div style="margin-top:10px;">
  <script  type="text/javascript"><!--
  google_ad_client = "pub-7067491537859122";
  /* 120x600, date de création 14/12/08 manket site */
  google_ad_slot = "6863541753";
  google_ad_width = 120;
  google_ad_height = 600;
  //-->
  </script>
  <script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  </script>
 </div>
</div>
 
 <h1>Préface</h1>
 
 <div>
  <p class="texte">
  Bonjour,</br>
  </p>
  <p class="texte">
  Bienvenue sur mon site Internet.</br>
  </p>
  <p class="texte">
  Celui-ci a pour but de me rendre visible sur la toile, ce qui aujourd'hui est indispensable. Selon moi, si l'on n'existe pas sur Google, on n'existe pas,  
  essentiellement dans le monde du travail.</br>
  </p>
 </div>
 
 <h1>Informations
 </h1>  
 
 <div class="texte">
  <p>
  Ce site est toujours en construction. Même si la forme ne changera pas sous peu, le contenu est sujet à modification.</br>
  </p>
 </div>
 
</div>
 
 
<div id="pied_de_page">
 <div class="texte_pied_de_page">
 <p>Copyright © 2008 http://manket.free.fr/ All Rights Reserved. Design by Cédric Cuvelier
 </p>
 </div>
</div>
 
</body>
</html>


 

Citation :

*{
margin:0;
padding:0;
}
 
body
{
   width: 950px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 20px;
   background-color:gray;
}
 
#en_tete
{
 float:left;
    width: 950px;
    height: 137px;
    background-image: url("images/en_tete.gif" );
    background-repeat: no-repeat;
}
 
 
#bouton_accueil_on
{
 float:left;
    width: 141px;
    height: 30px;
    background-image: url("images/bouton_accueil_on.gif" );
    background-repeat: no-repeat;
}
 
#bouton_accueil_off
{
 float:left;
    width: 141px;
    height: 30px;
    background-image: url("images/bouton_accueil_off.gif" );
    background-repeat: no-repeat;
}
 
#bouton_parcours_on
{
 float:left;
    width: 159px;
    height: 30px;
    background-image: url("images/bouton_parcours_on.gif" );
    background-repeat: no-repeat;
}
 
#bouton_parcours_off
{
 float:left;
    width: 159px;
    height: 30px;
    background-image: url("images/bouton_parcours_off.gif" );
    background-repeat: no-repeat;
}
 
#bouton_creations_on
{
 float:left;
    width: 159px;
    height: 30px;
    background-image: url("images/bouton_creations_on.gif" );
    background-repeat: no-repeat;
}
 
#bouton_creations_off
{
 float:left;
    width: 159px;
    height: 30px;
    background-image: url("images/bouton_creations_off.gif" );
    background-repeat: no-repeat;
}
 
#bouton_liens_on
{
 float:left;
    width: 159px;
    height: 30px;
    background-image: url("images/bouton_liens_on.gif" );
    background-repeat: no-repeat;
}
 
#bouton_liens_off
{
 float:left;
    width: 159px;
    height: 30px;
    background-image: url("images/bouton_liens_off.gif" );
    background-repeat: no-repeat;
}
 
#bouton_contact_on
{
 float:left;
    width: 138px;
    height: 30px;
    background-image: url("images/bouton_contact_on.gif" );
    background-repeat: no-repeat;
}
 
#bouton_contact_off
{
 float:left;
    width: 138px;
    height: 30px;
    background-image: url("images/bouton_contact_off.gif" );
    background-repeat: no-repeat;
}
 
#barre_sous_menu
{
 float:left;
    width: 950px;
    height: 26px;
    background-image: url("images/barre_sous_menu.gif" );
    background-repeat: no-repeat;
}
 
#corps
{
 float:left;
    width: 950px;
    min-height: 620px;
    background-image: url("images/corps.gif" );
}
 
#pub_adsense
{
 float:right;
    width: 130px;
 height:620px;
    background-image: url("images/pub_adsense.gif" );
}
 
#pied_de_page
{
 float:left;
    width: 950px;
    height: 150px;
    background-image: url("images/pied_de_page.gif" );
    background-repeat: no-repeat;
}
 
.corps_gauche_cv
{
 float:left;
 width: 200px;
 margin-top:10px;
 margin-left: 30px;
}
 
.corps_gauche_cv_texte
{
 float:left;
 font-family: arial;
 font-size: 18px;
 font-weight:bold;
 color:#333333;
 letter-spacing:2px;
}
 
.corps_droite_cv
{
 float:left;
 width: 580px;
 margin-top:20px;
 border-left:1px outset black;
}
 
.corps_droite_cv_1
{
 float:left;
 margin-left:15px;
 width: 275px;
}
 
.corps_droite_cv_2
{
 float:right;
 width: 270px;
 margin-right:20px;
 text-align:right;
}
 
.corps_droite_cv_theme
{
 font-family: times new roman;
 font-size: 18px;
 color:black;
}
 
.corps_droite_cv_etabli
{
 font-family: times new roman;
 font-size: 18px;
 color:black;
 text-align:right;
}
 
.corps_droite_cv_date
{
 font-family: times new roman;
 font-size: 14px;
 color:grey;
}
 
.corps_droite_cv_ville
{
 font-family: times new roman;
 font-size: 14px;
 color:grey;
 text-align:right;
}
 
.corps_droite_cv_texte
{
 float:left;
 width: 545px;
 margin-left:15px;
 margin-right:20px;
}
 
.texte
{
 font-size:15px;
 margin-left: 20px;
 margin-right: 150px;
 text-align:justify;
 text-indent: 30px;
 font-family:arial;
 color:black;
}
 
.texte_sansindent
{
 font-size:15px;
 margin-left: 50px;
 margin-right: 20px;
 text-align:justify;
 text-indent: 0px;
 font-family:arial;
 color:black;
}
 
.zone_texte_barre
{
 margin-top: 2px;
}
 
.lien_barre
{
 font-size:12px;
 font-weight:bold;
 margin-left: 40px;
 margin-right: 40px;
 text-align:justify;
 font-family:arial;
 color:gray;
}
 
.texte_pied_de_page
{
 font-size:12px;
 margin-left: 20px;
 margin-right: 20px;
 text-align:center;
 text-indent: 0px;
 font-family:arial;
 color:white;
}
 
h1
{
 font-size:20px;
 text-indent:20px;
 color:white;
 background-image: url("images/barre_titre.gif" );
 background-repeat: no-repeat;
 margin-left: 50px;
 margin-top: 30px;
}
 
.entete_cv
{
 width:770px;
 font-size:24px;
 font-weight:bold;
 color:#333333;
 margin-left:30px;
 margin-right:30px;
 border-bottom:1px black dashed;
 
}
 
.affiche_total
{
 float:left;  
 width:740px;
 padding-top:30px;
 padding-bottom:15px;
 margin-top:15px;
 border-top:1px black dashed;
 margin-left:40px;
}
   
.affiche_apercu
{
 float:left;  
 width:200px;
 margin-left:20px;
 
}
 
.affiche_apercu_dessous
{
 color:blue;
 font-weight:bold;
}
 
a .affiche_apercu_lien
{
 border-color:white;
 border-width:10px;
}
 
a:hover .affiche_apercu_lien
{
 border-color:blue;
}
 
.affiche_resume
{
 float:left;  
 margin-left:15px;
 width:480px;
}
 
.texte_aff_resu
{
 margin-left:30px;
 font-size:15px;
 text-align:justify;
 text-indent: 30px;
 font-family:arial;
 color:black;
}
 
 


 
Merci de vous attardez sur mon problème en ce jour de Noël encore pour 10 minutes ...

mood
Publicité
Posté le 25-12-2008 à 23:51:20  profilanswer
 

n°1831592
sircam
I Like Trains
Posté le 26-12-2008 à 11:33:39  profilanswer
 

manket a écrit :

Celui-ci a pour but de me rendre visible sur la toile, ce qui aujourd'hui est indispensable. Selon moi, si l'on n'existe pas sur Google, on n'existe pas, essentiellement dans le monde du travail.


J´ai tout raté dans la life [:prozac]
 

manket a écrit :

Ce site est toujours en construction.


Don't do that. Publie du contenu utile et fini, ou bien ne publie pas.
 
Pour tenter de localiser le problème :
 
http://forum.hardware.fr/hfr/Progr [...] m#t1654270
 
 


---------------
Now Playing: {SYNTAX ERROR AT LINE 1210}

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Mise en page IE

 

Sujets relatifs
[Résolue] afficher une video sur ma pageMise à jour d'une feuille à partir d'une autre feuille en vba
mise en place combobox[VBA] Mise à jour macro dans plusieurs fichiers...
Musique de démarrage au lancement d'une page webFonctionne sous Firefox mais pas sous IE 7
[HTML] Insérer un espace pour afficher un texte en bas de page[Javascript] Neige (Firefox et IE 7)
Javascript neige : pas sur toute la pageComment faire cet effet d'ouverture de page dans une autre?
Plus de sujets relatifs à : Mise en page IE


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR