Meldung "Das Objekt ist größer als sein Arbeitsbereich" bei Header 
Autor: Elisabeth R.
Besucht 1103,
Followers 1,
Geteilt 0
Hallo,
zunächst mal vielen Dank an Andreas für seine schnelle Reaktion auf mein Problem mit dem fehlenden Menü am Smartphone von gestern. Ich hatte mir schon damit geholfen, ein Hamburger-Menü neben das Suchen-Feld im Header einzufügen, aber das war nur eine schnelle Übergangslösung.
Bevor ich die elegante Lösung in meine anderen Websites einbaue, würde ich gerne noch ein anderes Problem klären:
SEO meldet folgende Probleme beim Header:
Ich habe einen Bildauschnitt eines Fotos für die Desktop-Ansicht angepasst und in den Header eingefügt.
Wenn ich das Bild schmäler mache, ändert sich nichts an der Meldung.
Am Smartphone wird das Bild korrekt angezeigt und das Menü kann ich auch anklicken.
Schon mal vielen Dank im Voraus!
Gepostet am
Hast du einen LINK zum Ansehen? Bei den anderen Seiten dürfte es passen aber bei der
http://dia-niederbayern.de/ ist es noch nicht korrigiert!
Ich könnte es dir auch per TeamViewer zeigen wenn du willst!
Autor
Hallo Andreas,
bisher habe ich den Header nur bei dieser Website angepasst:
http://suedwesten-winter-2014.reiseberichte-usa.net/
Die Fehlermeldung mit dem Objekt größer als Arbeitsbereich bekomme ich aber überal
Autor
Hier die Meldung im SEO
JA anscheinend ist es bei den größeren Breakpoints das Menüobjekt und bei den kleinen ein Bild was ausserhalb des sichtbaren Bereichs ist.
Autor
Und wie kann ich das beheben?
Das kann man alles im "Inhalt des Template" beheben. WEnn du willst, kann ich es dir zeigen!
Autor
Ich habe im "Inhalt des Templates" schon alles Mögliche und Unmögliche ausprobiert, u. a das Bild deutlich kleiner gemacht und in Photoshop ein Bild erstellt, das genau die Größe des Arbeitsbereichs hat und das eingebunden.
Ich habe auch eine neue leere Vorlage erstellt und dort das Bild neu eingefügt.
Die Meldung im SEO bleibt, mit dem Unterschied, dass nun bei den Werten jeweils 0px steht.
Kannst du mir nicht einfach schreiben, was ich wo und wie machen soll? Oder ein Video aufzeichnen, das die Vorgehensweise erklärt? Das wäre echt super!
Ich kann mir nicht vorstellen, dass das mit dem Teamviewer funktioniert.
Ich habe mir früher die Mühe gemacht ein paar Videotutorials zu machen, aber das ist sehr aufwendig und ist nach ein paar Versionen schon veraltert und nicht mehr relevant. ICh habe schon 100fache Hilfe mit TeamViewer erledigt und allen auch helfen können.
Das Problem ist ich weis nicht genau wo es bei dir versteckt ist oder was falsch ist, denn das kann man nur sehen wenn man im Programm ist. Meistens helfen auch Screenshot nichts.
ICh glaube auch nicht, dass es das Bild ist was du eingefügt hast, sondern ein anderes das ausserhalb ist. Genauso beim Menü. Vielleicht ist ein 2. MEnüobjekt eingebunden was du nicht siehst weil es im Hintergrund ist.
Autor
Hallo Andreas,
erst mal vielen Dank für deine Bemühungen.
Mittlerweile haben wir raus gefunden, wo das Problem liegt. Mein Mann hat sich gestern das Headerbild noch mal in Photoshop angeschaut und festgestellt, dass es unheimlich groß ist. Er hat die Pixel drastisch reduziert und das hat schon mal geholfen.
Das Problem mit dem Menü konnte ich gerade selbst lösen: Ich habe es nochmal komplett neu eingefügt und dann den vertikalen Abstand auf 10 gesetzt, anstatt es mit der Maus in die gewünschte Position zu rutschen.
War mein Fehler. Aber das Responsive Design ist für mich eben noch Neuland. Aber ich habe in den letzten Tagen sehr viel dazu gelernt...
Mit den neuen Erkenntnissen sollte ich es schaffen, die Header in meinen Websites anzupassen.
Zum Glück kann man das Template exportieren und in ein anderes Projekt importieren.
Ich wünsche dir noch einen schönen Sonntag und weiterhin viel Erfolg bei deiner wirklich hilfreichen Arbeit!
Herzliche Grüße
Elisabeth
Am Handy ist es zwar noch nicht zu 100% gelöst, aber schon ein grosser Teil davon!
Autor
Hallo Andreas,
die Fehlermeldungen beim SEO sind weg, nachdem ich ein Bild mit den perfekten Maßen für den Desktop eingebunden habe (28 + 5,4 cm). Leider ist das Header-Bild bei den Mobilgeräten dann ziemlich klein und entsprechend viel Abstand zum Menü.
Kannst du mir vielleicht sagen, welches Bildformat optimal wäre?
Oder kann man den Arbeitsbereich bei Mobilgeräten irgendwo anpassen, damit der Header niedriger wird
In der Styles.css habe ich leider nichts gefunden. Ich habe da auch nur sehr rudimentäre Grundkenntnisse.
Danke für deine Bemühungen!
Herzliche Grüße
Elisabeth