Barre de défilement horizontale - WP Thesis - POURQUOI?

Mon site affiche une barre de défilement horizontale en bas - c'est comme si j'avais beaucoup d'espace supplémentaire à droite de mon thème - mais il n'y a vraiment rien là-bas. Est-ce que quelqu'un peut me dire comment je peux corriger cela? J'utilise Wordpress 3.0, thème de thèse avec le cadre de pleine largeur.Barre de défilement horizontale - WP Thesis - POURQUOI?

Merci !!!

Source

2010-12-04 pepe

dans quel navigateur vous obtenez ce comportement? – Sotiris

D'abord, vous avez cet élément:

<button value="" name="sa" type="submit" class="googlesearch-btn"></button>

cette asigned lui css:

.googlesearch-btn { 
    background: none repeat scroll 0 0 transparent; 
    border: medium none; 
    cursor: pointer; 
    height: 37px; 
    left: 267px; 
    position: relative; 
    top: -35px; 
    width: 35px; 
}

Vous devriez essayer de le faire: display: none;

Source

2010-12-04 15:42:33 DiAngelo

diangelo, malheureusement cela ne supprime pas la barre de défilement hz - et il rend le bouton de recherche mort - – pepe

@mptorr - Cela fait partie du problème sous-jacent cependant. Repositionnez .googlesearch-btn et donnez à .social-block une largeur de 130px et votre barre de défilement horizontale disparaîtra. Cela vaut mieux que d'utiliser overflow: hidden ou overflow-x: masqué car ils tronqueront simplement horizontalement votre contenu réel lorsqu'il est plus large que la fenêtre du navigateur. – Alohci

Alohci - c'est génial - j'ai oublié d'établir la largeur pour .social-block. J'ai fait comme vous l'avez suggéré - beaucoup. – pepe

Je ne sais pas dans quel navigateur vous obtenez ce comportement, mais en css vous pouvez utiliser overflow-x:hidden pour cacher la barre de défilement horizontale

html, body {overflow-x:hidden;}

Source

2010-12-04 15:27:45 Sotiris

Je le vois avec Firefox 3.6 sur un Mac –

Cela arrive dans IE, FF, Safari, Chrome. – pepe

Génial! Cela a résolu mon problème de débordement qui arrosait l'affichage sur l'ipad –

Si vous pouvez ajouter des styles CSS supplémentaires pour le thème en utilisant simplement wordpress, ajouter dans le style suivant:

.full_width { 
    overflow:hidden; 
}

Si vous ne pouvez pas le faire, mais pouvez modifier les feuilles de style originaux fournis avec le thème, modifiez le fichier « layout.css » (from url http://www.thedailytail.com/wp-content/themes/thesis_18/custom/layout.css?120410-40254 quand j'ai visité), quelque part autour de line 21 trouver le style pour .full_wid e et ajouter à la ligne

overflow:hidden;

Faites-nous savoir comment vous vous en sortez.

Source

2010-12-04 15:37:14

AWESOME! Merci beaucoup les gars, débordement: caché a fait l'affaire. À votre santé! – pepe

Barre de défilement horizontale - WP Thesis - POURQUOI?

Répondre

Questions connexes