CSS : problème avec le Header et le menu sous IE

• 

  patrickwkqc · Membre · mars 5, 2013 at 8:19

  • Copier le lien
  • Ajouter le thème aux favoris

  Je suis à monter le bogue de la compagnie.

  http://www.expertisecch.com

  J’utilise le thème « twenty-twelve »

  Je veux avoir mon image de header en haut et mon menu en dessous.
  Pour ce faire, j’ai ajouté du CSS au code existant :

  img.header-image {
  	border-radius: 0;
  	box-shadow: 0 0 0 rgba(0,0,0,0);
  	position: absolute;
  	top: 80px;
  }
  
  .site-header {
  	padding-top: 15rem;
  }

  Ça fonctionne très bien pour tous les navigateurs qui utilisent Webkit (Safari, Firefox, Chrome…) mais ça ne fonctionne pas avec Internet Explorer (IE)

  Sous IE, le menu se retrouve caché sous l’image du Header.

  Comment modifier le code pour que le tout apparaisse comme il faut sur tous les navigateurs ?

  L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).

• 

  airodyssey · Modérateur · mars 6, 2013 at 1:19

  • Copier le lien

  De quelle version de Internet Explorer parlez-vous?

• 

  patrickwkqc · Membre · mars 6, 2013 at 1:25

  • Copier le lien

  Le problème est au moins présent sur IE 8.

  Je travaille sur Mac, alors pas de IE, mais 90% de mes lecteurs sont sur IE…

• 

  airodyssey · Modérateur · mars 7, 2013 at 2:39

  • Copier le lien

  Essayez le code proposé par cette employée de WordPress.com.
  http://en.forums.wordpress.com/topic/move-header-image-to-top-for-twentytwelve-theme?replies=6 (à la fin)

• 

  patrickwkqc · Membre · mars 7, 2013 at 1:00

  • Copier le lien

  Par fait merci ! J’ai due modifier un peu les mesures pour l’adapter à mon site, mais ça fionctionne !

  Merci !