Decalage du header sous Safari (Créer un compte)

  • Statut : non résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #457493
    Archilatrik
    Participant
    Chevalier WordPress
    131 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.3.3
    – Thème utilisé : Leia
    – Plugins en place :
    – Nom de l’hebergeur :
    – Adresse du site : http://www.romain-world-tour.com

    Problème(s) rencontré(s) :

    Bonjour à tous,

    C’est bien connu, un problème s’en va, un autre arrive !

    Aujourd’hui, mes interrogations vont quand au décalage de mon header sous le navigateur Safari.

    En effet, pour les personnes sous Mac ici (et je me doute qu’elles sont nombreuses…), vous remarquerez que mon header est en partie décalé vers le droite, ce qui fait qu’un partie de ma bannière est tronquée.

    Ce problème est uniquement constaté sous Safari. Pas de bugs connus sous IE7 et Firefox.

    Plutôt pénible vu que d’après mes stats Google Analytics, un bon tiers de mes lecteurs sont sous Safari…

    J’ai essayé de nombreuses modifs dans mon style.css, sans succès, amenant même des problèmes encore plus grave !

    Donc, voila, je m’en remet à la compétence des membres de ce forum, en espérant que vous pourrez m’aider à comprendre ce qui ne va pas !

    Voici mon style.css :

    /*
    	Theme Name: Leia
    	Theme URI: http://kapikua.com/
    	Description: Theme dedicated to mi princess…
    	Version: English 1.0
    	Author: Kapikua
    */
    
    
    
    body {
    	background-color:#fff;
    	margin:0;
    	padding:0;
    	font-family:Arial, Helvetica, sans-serif;
    	color:#546367;
    }
    
    
    input, textarea {
    	border:1px solid #000;
    	color:#333;
    }
    
    textarea {
    	width:550px;
    }
    
    h1 {
    	font-size:32px;
    	margin:30px 0 0 180px;
    	color:#FFFFFF;
    	/*display:none;*/
    }
    
    	h1 a{
    		color:#FFFFFF;
    		text-decoration:none;
    	}
    	
    	
    #cabecera {
    
    	width:642px;
    	height:300px;
    	position:absolute;
    	top:31px;
    	margin:0;
    	padding:-50px 0 0 30px;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:28px;
    	color:#006699;
    	font-weight: bold;
    	text-transform: uppercase;
    }
    
    
    h2 {
    	color:#318796;
    	margin:00;
    	padding:0;
    	font: 12px/160% “Arial”, Arial, “Bitstream Vera Sans”, sans-serif;
    	font-size:28px;
    	letter-spacing:-1px;
    }
    		h2 a {
    			color:#318796;
    			text-decoration:none;
    		}
    
    h3 {
    	font-size:13px;
    	margin:0;
    	padding:5px;
    	font-weight:normal;
    	background-color:#F1F1F1;
    	color:#318796;
    	border-top:2px solid #318796;
    }
    
    		h3 a {
    			text-decoration:underline;
    			color:#318796;
    			font-weight:bold;
    		}
    		
    		h3 a:hover {
    			text-decoration:underline;
    		}
    
    h4 {
    	text-align:justify;
    	font-size:13px;
    	font-weight:normal;
    }
    	h4 blockquote {
    		padding:5px;
    		margin:10px auto 10px auto;
    		background-color:#D6DCDE;
    		border:3px solid #929B9D;
    		width:80%;
    	}
    	
    	h4 a {
    			color:#27406F;
    			text-decoration:none;
    			font-weight:bold;
    		}
    	
    		
    	h4 a:hover {
    			text-decoration:underline;
    		}
    
    h5 {
    	padding:8px;
    	margin:0;
    	font-size:11px;
    	background-color:#303030;
    	background-image:url(imagenes/fondo_fint.png);
    	background-repeat:no-repeat;
    	color:#fff;
    	font-weight:normal;
    }
    		
    		h5 p {
    			padding:0;
    			margin:0 0 5px 0;
    		}
    			
    		h5 a {
    			text-decoration:none;
    			color:#CCC;
    		}
    		
    		h5 a:hover {
    			text-decoration:underline;
    		}
    		
    		h5 ul {
    			list-style:none;
    			margin:0 0 5px 0;
    			padding:0;
    		}	
    		
    			h5 ul li {
    				display:inline;
    				margin:0 0 0 0;
    			}	
    			
    		
    /* ID�s */
    
    #menuh {
    	width:643px;
    	height:33px;
    	position:absolute;
    	top:0;
    	left:0;
    	background-color:#546367;
    }
    
    		#menuh ul {
    			list-style:none;
    			color:#fff;
    			font-size:13px;
    			margin:8px 0 0 30px;
    			padding:0;
    		}
    		
    			#menuh ul li {
    				display:inline;
    			}
    			
    					
    					#menuh ul li a {
    						color:#fff;
    						text-decoration:none;
    					}
    					
    					#menuh ul li a:hover {
    						color:#fff;
    						text-decoration:underline;
    					}
    			
    		
    #post {
    	width:643px;
    	position:absolute;
    	left:0;
    	top:280px;
    	z-index:100;
    	padding:20px 0 0 0;
    }
    
    #video {
    	text-align:center;
    }
    
    
    #buscador {
    	background-image:url(imagenes/fondo_buscador.png);
    	background-repeat:repeat-x;
    	position:absolute;
    	left:644px;
    	width:363px;
    	height:81px;
    	text-align:center;
    	/* Iexplorer */
    	*width:360px;
    	
    }
    	#searchform {
    			margin:30px 0 0 0;
    	}
    		
    	#azul {
    		background-image:url(imagenes/fondo_azul.png);
    		position:absolute;
    		left:644px;
    		top:82px;
    		height:177px;
    		border-bottom:12px solid #D4D8D9;
    		font-size:11px;
    		color:#fff;		
    		width:363px;
    		/* Iexplorer */
    		*width:360px;
    	}	
    		
    		#azul h2 {
    				color:#fff;
    				margin:0;
    				padding:0 10px 0 10px;
    				font: Arial, verdana,  sans-serif;
    				font-size:24px;
    				letter-spacing:-1px;
    			}
    			
    			#azul p{
    				padding:0 10px 0 10px;
    				margin:0;
    				letter-spacing:0.1em;
    				text-align:justify;
    			}
    			
    			#azul img {
    				margin:0 10px 0 10px; 
    			}
    				
    		#menu {
    			position:absolute;
    			background-color:#333;
    			top:272px;
    			left:644px;
    			width:363px;
    			padding:15px 0 0 0;
    			/* Iexplorer */
    			*width:360px;
    		}
    		
    		
    	#menu h2 {
    		color:#99CC00;
    		margin:0;
    		padding:0;
    		font: Arial, verdana,  sans-serif;
    		font-size:24px;
    		letter-spacing:-1px;
    	}	
    	
    	
    	#izquierda {
    		width:165px;
    		padding:0 0 20px 20px;
    		float:left;
    	}
    	
    		
    	#derecha {
    		width:165px;
    		margin-left:180px;
    	}
    			
    			#menu ul {
    				margin:0;
    				padding:0;
    				list-style:none;
    			}
    			
    			#menu ul li{
    				margin:0;
    				padding:0;
    				list-style:none;
    			}
    			
    			#menu ul li ul  {
    				margin:0 0 0 10px;
    				padding:0;
    				list-style:none;
    			}
    					
    					#menu ul li ul li {
    						margin:3px 0 0 0;
    						padding:0;
    						font-size:11px;
    					}
    					
    						#menu ul li ul li a{
    							text-decoration:none;
    							color:#5D8F2B;						
    						}
    						
    						#menu ul li ul li a:hover{
    							text-decoration:underline;
    							color:#7EE916;						
    						}
    		
    		#var {
    			margin:15px 9px 0 8px;
    			padding:8px;
    			font-size:12px;
    			border:1px solid #999;
    			background-color:#303030;
    			clear:both;
    		}
    		
    				#var p {
    					padding:0;
    					margin:0 0 5px 0;
    				}
    		
    		
    					
    				#var ol {
    					margin:8px 0 0 0  ;
    					padding:0;
    					
    					color:#FFF;
    				}
    						
    					#var ol li{
    							display:inline;
    						}
    						
    					#var ol li a{
    						text-decoration:none;
    						color:#CCC;
    						font-weight:bold;
    						}
    					#var ol li a:hover{
    						text-decoration:underline;
    						}
    		
    			
    		#totalcomentarios {
    			background-color:#000;
    			color:#99CC00;
    			margin:0;
    			padding:5px 5px 5px 10px;
    			font-size:16px;
    			font-weight:bold;
    			letter-spacing:1px;
    		}
    		
    		
    		#metacoment {
    		margin:15px 0 0 0;
    		padding:4px 0 0 4px;
    		height:40px;
    		font-size:14px;
    	}
    	
    	#avatar {
    		float:left;
    	}
    	
    	#usuario {
    		padding:0;
    		margin:0;
    		line-height:15px;
    	}
    		#usuario a{
    			text-decoration:underline;
    			color:#006699;
    		}
    		
    		#usuario p{
    			margin:2px 0 0 0;
    			padding:0;
    		}
    	
    	#comentario {
    		background-color:#F2F2F2;
    		padding:0 7px 0 7px;
    		margin:0;
    		border:1px solid #E8E8E8;
    		font-size:12px;
    	}
    		#comentario a {
    			color:#27406F;
    		}
    	
    	
    		
    		#pie {
    			margin:15px 0 0 0;
    			background-color:#666;
    			color:#FFF;
    			font-size:11px;
    		}	
    		
    				#pie a {
    					text-decoration:none;
    					color:#99CC00;
    				}
    				
    				#pie a:hover {
    					text-decoration:underline;
    							color:#7EE916;	
    				}
    		
    								
    				#pie ul {
    					margin:10px 0 0 20px;
    					padding:15px 0 15px 0;
    				}
    				
    				#pie ul li {
    					margin-bottom:5px;
    				}
    				
    				#pie ol {
    				margin:5px;
    				padding:2px;
    				}
    		
    		
    	#nav {
    		font-size:11px;
    		padding:20px;
    		text-align:center;
    		border-bottom:5px solid #666;
    	}
    	
    			#nav a {
    				color:#333;
    				text-decoration:none;
    			}
    			
    			#nav a:hover {
    				color:#000;
    				text-decoration:underline;
    			}
    	
    	#postcomment {
    		font-size:18px;
    		margin:20px 0 0 0;
    	}
    	
    	
    /* Class */
    
    .tags {
    	background-image:url(imagenes/icono_tag.png);
    	background-repeat:no-repeat;
    	padding-left:24px;
    	margin-left:5px;
    }
    
    .comentarios {
    	background-image:url(imagenes/icono_comentario.png);
    	background-repeat:no-repeat;
    	padding-left:24px;
    	margin-left:5px;
    }
    
    .categoria {
    	background-image:url(imagenes/icono_categoria.png);
    	background-repeat:no-repeat;
    	padding-left:24px;
    	margin-left:5px;
    }
    
    .feedo {
    	background-image:url(imagenes/feed.png);
    	background-repeat:no-repeat;
    	padding-left:18px;
    	margin-left:5px;
    }
    
    
    .ad {
    	background-image:url(imagenes/icono_ad.png);
    	background-repeat:no-repeat;
    	padding-left:24px;
    	margin-left:5px;
    }
    
    .as {
    	color:#3BB000;
    	text-decoration:none;
    
    }
    
    .de {
    	color:#0099CC;
    	text-decoration:none;
    	
    }
    
    
    .technorati{
    	margin:0 0 0 0;
    	padding-left:20px;
    	background-image:url(imagenes/tecno.png);
    	background-repeat:no-repeat;
    }
    
    .delicio{
    	margin:0 ;
    	padding:0 0 0 20px;
    	background-image:url(imagenes/del.png);
    	background-repeat:no-repeat;
    }
    
    .inputext {
    	border:1px solid #99AA92;
    	background-color:#fff;
    	color:#6A7F61;
    	width:191px;
    
    }
    
    .boton {
    	border:1px solid #99AA92;
    	background-color:#D4E0CE;
    	color:#6A7F61;
    	width:90px;
    	/* IE */
    	*height:20px;
    }
    
    .liout {
    	margin:-5px;
    	padding:5px 10px 5px 15px;
    	border-right:1px solid #CCC;
    	/* IE */
    	*margin-left:10px;
    	*padding:5px;
    }
    	
    	
    .tiempo {
    	font-size:11px;
    }
    
    		
    .sindicar {
    	background-image:url(imagenes/rss.png);
    	background-repeat:no-repeat;
    	background-position:left;
    	padding-left:45px;
    	margin-left:5px;
    }
    .post {
    	width:610px;
    	margin:0 0 30px 15px;
    }
    
    .autor {
    	color:#318796;
    	font-size:13px;
    	font-weight:bold;
    }
    
    .imagen {
    	margin:7px;
    }

    En vous souhaitant un bon week-end,

    Très cordialement,

    #622643
    Archilatrik
    Participant
    Chevalier WordPress
    131 contributions

    Personne pour m’aider ? :rolleyes:

    #622644
    Archilatrik
    Participant
    Chevalier WordPress
    131 contributions

    Toujours pas de max users ??:(

    #622645
    codfingers
    Participant
    Maître WordPress
    541 contributions

    je suis macuser mais je n’ai pas ce problème sur Safari.. Je vois ton header parfait !

    cordialement,

    #622646
    Archilatrik
    Participant
    Chevalier WordPress
    131 contributions

    Merci de ta réponse, mais cela me parait bizarre…j’ai revérifié hier soir sur safari, et j’avais toujours bel et bien ce décalage du header vers la droite. Le tiens est-il de la sorte ?

    capture.jpg

    #622647
    Archilatrik
    Participant
    Chevalier WordPress
    131 contributions

    Je me permet de déterrer ce topic d’outre-tombe (page 19, ca commence à être du beau déterrage), car je n’ai toujours pas trouvé de solution…

    Bien à vous,

    #622648
    IPreferNcy
    Membre
    Chevalier WordPress
    176 contributions

    Je viiens de matter et pour moi tout est normal, je ne comprend pas ton soucis…

    #622649
    Archilatrik
    Participant
    Chevalier WordPress
    131 contributions

    Es tu sous Safari ?? J’ai essayé pas plus tard qu’il y a 3 jours, et la bannière n’était toujours pas alignée

    #622650
    IPreferNcy
    Membre
    Chevalier WordPress
    176 contributions

    Oui je suis sur Safari 🙂
    Tu devrais nous mettre une copie d écran avec une description précise de ce qui te gène 😉

    #622651
    Archilatrik
    Participant
    Chevalier WordPress
    131 contributions

    Je n’ai pas de mac à dispo tout de suite, mais je ferai ça dès que je peux. En tout cas, si tu es sous Safari et que le header s’affiche exactement comme la précédente capture d’écran, c’est tant mieux. Mais le problème vient donc des macs que j’ai utilisé faut croire !

    Je fais ça prochainement.

    Merci de ta réponse en tout cas 🍺

    #622652
    Archilatrik
    Participant
    Chevalier WordPress
    131 contributions

    Bonjour IPreferNcy,

    Comme promis, une petite capture d’écran de ce que j’obtiens sous Safari :

    capturemac.png

    Tu vois donc que l’image est décalée d’un peu plus d’une dizaine de pixels vers la droite, tout comme les drapeaux de sélection du language au dessus, qui eux sont décalés vers le haut…

11 sujets de 1 à 11 (sur un total de 11)
  • Vous devez être connecté pour répondre à ce sujet.