2010-12-04 12 views
1

Meine Seite zeigt eine horizontale Bildlaufleiste am unteren Rand - es ist, als hätte ich viel Platz rechts neben meinem Thema - aber da ist wirklich nichts.Horizontale Bildlaufleiste - WP Thesis - WARUM?

Kann mir jemand sagen, wie ich das korrigieren kann?

Ich verwende Wordpress 3.0, Thesis Thema mit der Full-Wide-Framework.

Danke !!!

+0

in welchem ​​Browser erhalten Sie dieses Verhalten? – Sotiris

Antwort

1

Zuerst haben dieses Element:

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

mit diesem CSS es asigned:

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

Sie sollten versuchen, es zu machen: display: none;

+0

diangelo, leider das entfernt nicht die hz Bildlaufleiste - und es lässt die Suche Taste tot - – pepe

+0

@mptorr - Es ist ein Teil des zugrunde liegenden Problems obwohl. Reparieren Sie .googlesearch-btn, und geben Sie .social-block eine Breite von 130px und Ihre horizontale Bildlaufleiste wird verschwinden. Dies ist besser als die Verwendung von Überlauf: Versteckt oder Überlauf-x: Versteckt, weil sie Ihren echten Inhalt einfach horizontal kürzen, wenn er breiter als das Browser-Fenster ist. – Alohci

+0

Alohci - das ist ziemlich toll - ich habe vergessen, die Breite für .social-Block zu etablieren. Ich habe getan, was Sie vorgeschlagen haben - viel, viel. – pepe

2

Ich weiß nicht, in welchem ​​Browser Sie dieses Verhalten bekommen, aber in CSS können Sie overflow-x:hidden verwenden, um den horizontalen Scrollbar

html, body {overflow-x:hidden;} 
+0

Ich sehe es mit Firefox 3.6 auf einem Mac –

+0

Es passiert in IE, FF, Safari, Chrome. – pepe

+0

Super! Dieses löste mein Überlaufproblem, das die Anzeige auf dem ipad verschüttete –

0

zu verstecken Wenn Sie zusätzliche CSS-Stile zum Thema hinzufügen können einfach Wordpress verwenden, fügen in der folgenden Art:

.full_width { 
    overflow:hidden; 
} 

Wenn Sie das nicht tun, können aber die Original-Stylesheets mit dem Thema zur Verfügung gestellt, bearbeiten Sie die „layout.css“ Datei (von url http://www.thedailytail.com/wp-content/themes/thesis_18/custom/layout.css?120410-40254 als ich besuchte) bearbeiten, irgendwo um Zeile 21 finde den Stil für .full_wid th und addieren Sie in der Linie

overflow:hidden; 

Lassen Sie uns wissen, wie Sie sich verstehen.

+1

FANTASTISCH! Vielen Dank Jungs, Überlauf: versteckt hat den Trick. Prost! – pepe