Design verändert sich beim Zoomen

  • Hallo! Ich kenne mich nicht sehr gut mit Wordpress aus und brauche deshalb ein wenig Hilfe.
    Ich habe nun eine Website http://krausser-raether.lamp.bytebox.de/ erstellt, mit dem Theme Bootstrap Basic. Habe allerdings vieles verändert. Übrigens habe ich noch WP 4.01
    Jetzt zu meinem Problem:
    Wenn ich die Seite ranzoome, dann verschiebt sich alles und die Farben ändern sich usw. Also das Design sieht "komplett" anders aus. Wie löse ich das Problem?


    Vielen lieben Dank im voraus! :)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Wenn ich die Seite ranzoome, dann verschiebt sich alles und die Farben ändern sich usw. Also das Design sieht "komplett" anders aus. Wie löse ich das Problem?

    Also im Chrome kann ich problemlos bis 150% zoomen, im Firefox bis 120%. Mit dem Safari funktioniert das Zoomen gar nicht; da springt alles durcheinander. Im Opera geht´s sehr gut mit der Vergrößerung. Ich bin mit einem MAC und Mavericks unterwegs.

    Dein Theme ist also nicht für jeden Browser gleich gut optimiert. Nennt sich ja auch wohl Bootstrap Basic.

    Aber das Zoomen macht doch heute auch eigentlich fast keiner mehr. Möglicherweise solltest du die Schriftgröße etwas größer machen.

    Tapferkeit stärkt, Eigensinn macht Spaß, Geduld gibt Ruhe.

  • Da Bootstrap responsive ist, wird das die responsive Ansicht sein. Sobald du über Bildschirmbreite kommst, sieht es halt so aus.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Sobald du über Bildschirmbreite kommst, sieht es halt so aus.

    das stimmt so leider nicht

    die Seite hat einen Fehler, der dieses Verhalten auslöst

    valle_moi hat sicher an den Dateien rumgebastelt

    lass dir mal im Browser den Quelltext/Quellcode anzeigen und scrolle nach unten
    dann siehst du das html body alles nochmal geöffnet wird sowie auch doppelt geschlossen wird

    siehe hier


    Edit: sehe gerade

    Code
    <br class=”clear” />

    das sind die falschen Zeichen

    falsch [size=18]”clear”[/SIZE]

    richtig [size=18]"clear"[/SIZE]

    vielleicht wird dadurch der Fehler produziert

    Einmal editiert, zuletzt von Tutrix (8. Februar 2015 um 18:06)

  • Habe mir den Code eben angeschaut. Also es bewirkt nichts, wenn ich die Zeichen ändere bzw entferne. Das einzige wofür ich diese eingesetzt habe ist, damit ich im Widget das Bild besser verschieben kann. Dient also als Zeilenumbruch.
    Oder meintest du etwas anderes?

    Ansonsten danke auf jeden Fall!

  • was ich meine ist
    ich mache es jetzt noch größer, vielleicht erkennst du es dann

    [size=36]”[/SIZE] nicht richtig ist, sondern so[size=36]"[/SIZE] aussehen sollte

    also nicht schräg / sondern | senkrecht

    ach ja, br erzwingt einen Zeilenumbruch und sollte nicht durch x Wiederholungen dazu verwendet werden, Abstand zu schaffen, dafür gibt css Formatierungen wie margin oder padding, je nach Bedarf

    aber dein Hauptproblem sind ja die doppelten html und body Elemente, sowie Überbleibsel diverser Codeteile im Header und fehlender Codeteile im Footer.

    musst ja nur mal das Browserfenster verkleinern, dann erscheinen Footerreste im Header
    z.B.

    Code
    Powered by WordPress | Theme: <a href="http://okvee.net">Bootstrap Basic</a>

    was ja bei normaler Größe ganz fehlt................
    auf Grund des fehlenden öffnenden

    Code
    <footer>

    aber das weißt du ja, wenn du meinen Beitrag oben gelesen und dir den Quelltext angesehen hast ;-)

    in Firefox sind die falschen Elemente sogar rot gekennzeichnet

  • Ich habe die Anführungszeichen verändert (machte optisch keinen Unterschied, auch beim vergrößern). Was genau meinst du mit dem fehlenden Codeteil im Footer bzw doppelte Body/HTML-Elemente?

    Habe vorhin meinen Footer-Teil gegen einen Standard-Footer Teil aus dem Internet ausgetauscht.(Index Content.php ebenfalls) Es hatte sich allerdings nichts verändert. Beim Zoomen war das Problem immer noch da.

    Könnte es sein, dass es irgendwo in den php/css Dateien begrenzt ist? Falls die Frage blöd war, tut mir leid, gebe mein bestes um dies zu verstehen :)
    Vielen Dank für deine Mühe!

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!