Finde Fehler beim Reponsiven Design nicht?

[Shorty1968]

Hallo,
ich habe für meinen Shop ein Reponsives Design erstellt das auch soweit über all hin haut,es gibt Drei bereiche da wird es nicht Reponsiv angezeigt und ich kann die Ursache nicht finden.

https://schnaepchenpiet.shop/login.php

https://schnaepchenpiet.shop/create_account.php

https://schnaepchenpiet.shop/reviews.php

https://schnaepchenpiet.shop/account.php

Ich habe die Templates alle gleich aufgebaut,wo könnte der Fehler liegen?

 

[Sempervivum]

Das ist doch schon ein Schritt in die richtige Richtung, denn das linke und das rechte verkleinern sich schon.
So funktioniert es bei mir:
http://jsfiddle.net/Sempervivum/6tu1pfj0/10/

 

[Shorty1968]

Vielen dank nun Passt es mit den Logos,was mir noch Probleme macht ist die Schrift an manschen stellen steht sie Übereinander beim Reponsiven Design.

https://schnaepchenpiet.shop/best_offer.php?coID=7&products_id=8&products_name=AVM FRITZ!WLAN Stick AC 430 MU-MIMO&products_model=13&best_offer=Preisvorschlag

 

[Sempervivum]

Kann ich nicht erkennen. Nur bei dem schmalen Footer verschwinden Elemente am unteren Rand, wenn sie umgebrochen werden.
Beschreibe mal genauer, wo etwas verdeckt wird.

 

[Shorty1968]

Nein es wird nichts verdeckt sondern die Texte werden untereinander dargestellt im Reponsiven Design,ich habe mal ein Paar screens gemacht.

 

[Sempervivum]

Bei "Unser Preis" liegt es daran, dass das span ein max-width: 50px; hat. Löscht man das, werden die Wörter nebeneinander angezeigt:

 

[Shorty1968]

Wow vielen dank hat bestens geklappt nun hoffe ich das ich alle Fehler beseitigt habe.

 

[Shorty1968]

Ich noch mal mir sind die Popups noch aufgefallen,die werden auch nicht Reponsiv angezeigt wenn ihr in einem Artikel auf "Artikeldatenblatt drucken" und "Frage zum Artikel" das Popup Fenster auf Reponsiv umstellt wird es nicht Reponsiv verkleinert.

 

[Sempervivum]

Offenbar verwendest Du hier colorbox. Du könntest versuchen, die Abmessungen des iFrame vom Browserfenster abhängig zu machen:

    $(".iframe").colorbox({iframe:true, width: window.innerWidth * 0.8 , height: window.innerHeight * 0.6, maxWidth: "90%", maxHeight: "90%", fixed: true});

(ungeteste) Evtl. noch etwas ausgefeilter berechnen, so dass deine Standardgröße nicht überschritten und nur bei Bedarf verkleinert wird.

 

[Sempervivum]

PS: Oder eine Lightbox verwenden, die von Haus aus responsiv ist und HTML-Inhalte unterstützt, wie Fancybox.

 

[Shorty1968]

Vielen dank ich schau mal was ich daraus machen kann,leider weis ich nicht wie das mit der Reponsiven Lightbox geht.