Taille Image Dans Le Header + Responsive

[chatquipelote]

Bonjour, 

 

J'ai l'impression que l'image de mon Header ne prends pas forcément toute la largeur de l'écran selon les navigateurs. Pourriez vous m'aider à arranger cela ? 

 

Je soupçonne que ce soit une histoire de "100 %" à entrer quelque part dans le CSS. Mais j'avoue que je suis une bille en ce domaine. 

 

Aussi, est il possible de choisir une image de header différente pour le responsive (téléphone portable et tablette) ou d'adapter celle ci (au niveau de la taille) pour qu'elle soit plus lisible ? 

 

Je vous remercie pour votre aide. 

 

https://laboutiqueduchatquipelote.com/index.php

 

[chatquipelote]

Bonsoir, 

je me permets de faire remonter ce post car mon problème n'est pas résolu et à même empiré : j'ai voulu faire la maligne et réparer moi-même en consultant des forums ... ma bannière de page d'acceuil a totalement disparu !!

 

voici les lignes de codes qui sont (je pense) concernée : 

/* -------------------------------------------------------------------------------
					 			STRUCTURE
------------------------------------------------------------------------------- */

#index #page .header-container {
background : url(../img/bg3B_header_img.jpg) no-repeat center 0; }
  @media (max-width:768px) {
    #index #page {
      background-position: center -300px; } }
  #index #page .header-container {
    background: none; }

#page .header-container {
  background : url(../img/bg3C_header_img.jpg) no-repeat center -150px;
  }

merci de votre aide

[chatquipelote]

Mon problème est en partie résolu grâce à de nombreux tâtonnements.

Néanmoins, il me reste deux problématiques que j'aimerai vous soumettre :

 

- selon les navigateurs, ma bannière apparaît décalée du haut de l'écran (sur IE, je vois le fond gris sur 1 cm)

- selon les navigateurs et le réglage en % du zoom ma bannière est rognée en bas.

 

Auriez vous des idées pour résoudre cela ?