Layout Stripe Responsive Light

Hallo,

in diesem Layout ist unter Allgemein eine Breite von 930 px eingestellt, wenn ich jedoch meine Webseite hochlade, dann zieht es den Header über die volle Breite des Bildschirms, obwohl ich die Breite des Headers inzwischen auf 930 angepasst habe. die Bilder sind allerdings im Original 980 px.

Das führt bei mir zu sehr seltsamen Darstellungen, die sich noch dazu in Chrome und Firefox stark unterscheiden

http://www.dore-reisemobile.de/

Wieso wird die Breite der Seite von der Kopfgrafik ignoriert bzw. überschrieben?

Viele Grüße

Guido

Danke, das habe ich getan, aber in Chrome stimmt da die Anzeige der Seite leider immer noch nicht.

Und noch eine Frage: Kann ich den Header eigentlich begrenzen, oder muss ich dafür ein anderes Layout wählen?

Schau doch bitte mal auf den Screenshot und vergleiche wenn Du die Seite in Chrome aufrufst, vielleicht liegt es ja nur an mir.

http://www.dore-reisemobile.de/

1. Das Logo klebt förmlich auf dem Header, da ist kein Abstand mehr vorhanden

2. Der gesamte Inhaltsbereich ist Linksbündig anstatt zentriert.

Firefox und Edge machen es aber richtig, nur der Chrome spinnt bei mir.

Viele Grüße

Guido

Danke, jetzt passt es! Lag am Cache.

Nächste Frage: Wenn ich den Header lösche und stattdessen an dieser Stelle einen Slider einfüge und diesen auf allen Seiten verknüpfe, dann könnte ich doch mein "Problem" mit dem nicht begrenzbaren Header optisch praktisch gleichwertig umgehen, oder?

Ich könnte mir den Header aber bei Bedarf auch jederzeit über Einfügen wieder zurückholen, oder?

Das Layout passt mir nämlich eigentlich recht gut, aber ich möchte die Breite doch gerne eingrenzen.

Viele Grüße

Guido

Nächstes Problem bei diesem Layout:

Wenn ich einen neuen Slider einbaue, dann hat der rechts und unten einen hässlichen Rand.

Wähle ich aber randlos aus, dann wird der Slider auf die gesamte Breite der Seite ausgedehnt.

Das passiert bei jedem Slider, nicht nur im Header Bereich, auch wenn sich der Slider mitten im Artikel befindet.

Das sieht aber natürlich nicht schön aus, wenn die Bilder viel breiter sind als der Text drüber und drunter.

Kann man irgendwie auch bei randlos die Breite des Inhaltsbereichs begrenzen (in diesem Fall 930px), oder den Rand transparent oder weiß machen?

Dann hat man trotzdem die Abgrenzung, sieht diese aber nicht

Mir geht es darum keine unnötig großen Bilder (Ladezeit) nutzen zu müssen.

Nachtrag: Ich habe eben nur ein Bild eingefügt und auch da erscheint dieser hässliche Rand

Den kann man aber überhaupt nicht löschen.

Nachtrag 2: Das eingefügte Bild lässt sich auch nicht zentrieren, ist das normal?

Danke Maik,

im Handbuch schaue ich auch viel nach.

An den Inhaltsbereich hatte ich in dem Moment gar nicht gedacht, das war der Fehler beim (ungewollten) Rahmen für das Bild.

Steffen T.

Die anderen Probleme bestehen allerdings noch.

Ein Beispiel ist auf der Startseite von http://www.n-events.de/ (Slider als Ersatz-Header) mit Rand

sowie http://www.n-events.de/Reiseziele/Ita…-sul-garda.html

Da kommt weiter unten ein normaler Slider ohne Rand, der sich über die komplette Bildschirmbreite zieht.

Das wäre mein Problem von oben.

Etwas weiter unten kommt dann noch ein Bild mit (nun auf 0 px gesetztem) Rand, dass ich aber als Widget nicht zentrieren kann. Allerdings habe ich eben herausgefunden, dass ich das Bild zentrieren kann, wenn ich es direkt in einem Textwidget einfüge. Das reicht mir als Lösung.

Hallo Maik,

danke, Du hast Recht! Jetzt funktioniert alles wie gewünscht.

Da muss man aber auch erst drauf kommen, dass das ein Schatten ist

Viele Grüße

Guido

Nächstes Problem, ich weiß aber nicht ob das am Layout liegt oder ein allgemeines Problem ist, seit ich Zeta 15 nutze.

Beim bearbeiten von Texten hängt sich das Widget öfter mal auf. Die Überschrift erscheint, aber der Inhalt hört nicht auf zu laden.

Wenn ich das Widget schließe und etwas später wieder aufmache geht es meist mit kurzer Verzögerung.

Hallo, dieses Thema war noch offen und ist wohl untergegangen.

Leider tritt das Problem bei mir immer mal wieder auf.

Übernächstes Problem:

1. Der "Header", der ja nun ein normaler Slider ist, hat einen relativ großen Abstand zur Menüleiste und dem Logo. Wie kann ich den verringern?

2. Auf dem Smartphone wird der Text unter eben diesem Slider angezeigt, obwohl unten eingestellt ist und nicht darunter. In der Desktop Version passt es.

Wir reden weiterhin von http://www.n-events.de/

Hallo Maik,

danke, das hat super funktioniert!

ich wusste nicht, dass man dort unter mehr relativ einfach html-Befehle eingeben kann

Viele Grüße

Guido

Hallo nochmal,

kann mir bitte jemand sagen, was ich hier oben schon wieder verbockt habe.

https://www.urlaubsfans.de/

Der Abstand zwischen der Menüleiste und dem Slider ist auf allen Unterseiten (verknüpft) richtig (margin-top: -65px), nur auf der Startseite hat sich ein Zwischenraum eingeschlichen. Wie bekomme ich den denn wieder weg? Irgendwas muss ich da reingewürgt haben

Hallo Hanabi,

danke, das ist es aber offenbar nicht.

Ich finde zumindest kein passendes Attribut speziell auf dieser Seite, falls ich an der richtigen Stelle bzw. über den richtigen Pfad gesucht habe (s. Screenshot).

Es gibt zwei Dinge die auf der Startseite "außergewöhnlich" sind oder waren.

Ich habe zwischenzeitlich mal mit dem Spacer gekämpft und ich habe versucht den Namen der Webseite einzublenden und das Kästchen dann wieder deaktiviert, weil das in diesem Layout offenbar nicht vorgesehen ist. Vielleicht könnte es sein, das dabei irgendein Folge des Befehls zurückgeblieben ist, also z. B. zusätzlicher Platz für einen Slogan reserviert wurde, was aber im Gegensatz zum Layout zu stehen scheint. Das würde vielleicht erklären, warum das Problem genau an dieser Stelle der Seite auftritt.

Vielleicht hat jemand noch eine andere Idee oder Lösung?

Ausprobiert, aber das war es leider auch nicht.