Forum
Moderateurs: Alexis
Auteur Message
Tinlenval
Messages: 36
Bonsoir amis d'Utiliweb !!

J'utilise moi même Firefox, mais un ami et beaucoup de monde utilisent Chrome, mais il y a un probleme au niveau du Header...Il est décalé sous Chrome, alors qu'il l'est bien sous Firefox.

Savez vous comment faire pour réparer ce probleme ? Merci !!

Tinlenval

C'est la critique négative qui fait avancer, et non l'inverse.
Alexis

Messages: 1136
Site internet
Il s'agit probablement d'une mauvaise syntaxe dans ton CSS.

Peux-tu me donner l'adresse de ton site pour que je regarde ?

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Tinlenval
Messages: 36
Bien sur !!

http://eyeshield21master.utiliweb.fr/

Mais vous pouvez acceder aux panneaux d'administration ??

C'est la critique négative qui fait avancer, et non l'inverse.
Alexis

Messages: 1136
Site internet
Je n'ai pas accès à ton interface d'administration, mais je n'en ai pas besoin pour voir ton css .

Pour résoudre ton problème, il suffit que tu enlèves cette instruction padding-top: 100px; dans ta classe #header et que tu remplaces padding-top: 202px par padding-top: 302px dans ta classe #header h2.

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Kaze
Messages: 81
Site internet
Je répond sur ce sujet car j'ai moi même ce problème j'ai dut adapter mon headeur pour ne pas que ça ce voit mais c'est très embétant car ça ne rend pas l'effet voulut.

Je montre tout ça avec une capture d'écran pour montrait ou es le bug!

miniature

(cliquez pour voir en taille réelle)

La partie encadré en noir ou il y a écris Witch Hunter Master n'es pas voulut elle est la pour berné et faire croire que c'est volontaire! Bien au contraire.

lien du site : Witch Hunter Master

- Edité le 06/09/2011 à 20:45 -
Alexis

Messages: 1136
Site internet
Il te suffit de changer la hauteur de ton header à l'endroit suivant dans ton fichier CSS

Citation :
#header {
padding: 0px;
margin: 0px;
height: 348px;
width: 780px;
padding-top: 30px;
background-color: #FEDCAE;
background-image: url(http://www.ptp-images.com/img/oprsw760da.jpg);
}

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Kaze
Messages: 81
Site internet
Le code que j'ai actuellement est éxactement celui que tu viens de me mettre:

#header { 
    padding: 0px; 
    margin: 0px; 
    height: 348px; 
    width: 780px; 
    padding-top: 30px; 
    background-color: #FEDCAE; 
    background-image: url(http://www.ptp-images.com/img/oprsw760da.jpg);  
Alexis

Messages: 1136
Site internet
Je sais, je t'ai juste mis en orange la ligne qu'il fallait changer et en gras l'élément de la ligne à changer.

Actuellement ton header fait 348 pixels de haut. Si tu diminues cette valeur pour mettre par exemple 320, la partie que tu as encadré sur ta capture d'écran n’apparaîtra plus.

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Kaze
Messages: 81
Site internet
Oui mais le problème c'est que si je fais cela ce ne seras plus pareil sur mozzilla c'est de la que vient mon problème!
Alexis

Messages: 1136
Site internet
Ok, il fallait préciser dés le début que tu avais un résultat différent d'un navigateur à l'autre.

Il faut que tu remplaces cette partie de ton css:

#header { 
    padding: 0px; 
    margin: 0px; 
    height: 348px; 
    width: 780px; 
   background-color: #FEDCAE; 
    background-image: url(http://www.ptp-images.com/img/oprsw760da.jpg);  

#header h1{ 
text-align:left; 
padding-left: 130px; 
width: 100%; 
margin: 0 auto; 
font-size: 26px; 
color: #000000; 
font-style: italic; 

#header h1 a, #header h1 a:hover{ 
    color: #DAA244; 

#header h2 { 
position : absolute; 
top : 333px;
font-size: 12px; 
text-align: left; 
color: #FEEFDA; 
padding-left: 12px;} 

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Kaze
Messages: 81
Site internet
Ok merci beaucoup !
 

Aller à:     Haut de page