zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden responsive Webseite

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.09.2015, 20:43
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 30.07.2007
Beiträge: 128
runner befindet sich auf einem aufstrebenden Ast
Standard responsive Webseite

Hallo!

Ich habe hier gerade eine neue Webseite angefangen:
Diese soll sich responsive verhalten.

Dies tut sie soweit auch schon am Desktop wenn das Browserfenster kleiner gezogen wird. Jedoch wird die Seite auf einem Tablet, Smartphone nicht entsprechend responsive dargestellt sondern alles "kleinskaliert" angezeigt.

Was habe ich hier falsch gemacht?

Home



Vielen Dank
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.09.2015, 00:32
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo,

füge in head-Bereich folgende Zeile ein

Code:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Zur Erläuterung hilft Google.

Gruss

MrMurphy
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.09.2015, 00:38
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Edit: Das muss ich mir mal anschauen @MrMurphy

Nochmal edit:

Hm, da scheint mir nichts so richtig responsiv (trotz Einfügen in FF/Firebug), sondern da wird sich auf den floatdrop verlassen, was mein meinem Winphone ziemlich daneben aussieht und bei gewissen Fenstergrößen im Desktopbrowser auch.

Das deutet für mich auf Schwierigkeiten mit den Dimensionierungen hin (Abstände, Pixelmaße, Rundungsfehler evtl. ) hin. Media queries als Indiz für Adaptivität oder Responsivität habe ich in all den css-Dateien auch nicht entdeckt.

Gibt es für Typo 3 kein richtig responsives Template ?
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

Geändert von andir (11.09.2015 um 00:44 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 14.09.2015, 20:32
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 30.07.2007
Beiträge: 128
runner befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank!

Hab es nun hinbekommen, es war tatsächlich der Meta-Datensatz.

Nun wird auf dem iPhone das Menü nicht mehr angezeigt, bzw. wenn man auf den "Aufklapp-Button" klickt passiert nix

Mit dem Samsung funktioniert es noch.

Hat da auch jemand eine Idee?

LG
Mit Zitat antworten
  #5 (permalink)  
Alt 14.09.2015, 22:45
Neuer Benutzer
neuer user
 
Registriert seit: 14.09.2015
Beiträge: 2
wasgeht befindet sich auf einem aufstrebenden Ast
Standard

Hi, hab mir das mal angeschaut. Da passt aber noch vieles nicht. Was mir aufgefallen ist wenn ich die Seite verkleinere
Die Bildergalerie ist responsive aber das Bild ist dann immer oben und nicht mittig. Wäre besser in vertikal mittig zu setzen weil man ansonsten die ganze Zeit das Ladesymbol in der Mitte sieht und das irritiert weil man denkt da wird was geladen obwohl das Bild schon geladen ist.

Der Text Lorem Ipsum ragt über den Rand hinaus nach unten.

Wenn ich den Browser unter 320 Pixel verkleinere, ragt oben das Logo und die kleinen Produktboxen nach rechts und die Newsbox nach links.

Der Text in der untersten Box ragt rechts hinaus.

Das Laden und Schließen des Menüs dauert viel zu lange.

Da du eh schon jquery benutzt, kannst ja darauf ein Menü aufbauen. Gibt genug Seiten mit Javascript. Der Code auf http://www.edv-lehrgang.de/navigatio...ive-webdesign/ scheint zu funktionieren.

Hast noch viel Arbeit.

Geändert von wasgeht (14.09.2015 um 22:48 Uhr)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Kundeninteresse an Responsive Layout heiko_rs Offtopic 18 24.05.2013 14:37
CSS-Styles werden bei einem Linksprung von Webseite A auf Webseite B nicht geladen Fools (X)HTML 3 13.09.2010 12:57
Wie sieht eine Webseite in verschiedenen Browsern aus TreasureZone Grafik, Design, Typografie 5 18.05.2010 20:52
Webseite lässt sich im Mozilla nicht scrollen xxxarndxxx CSS 3 30.10.2007 11:58
Bitte eure Meinungen zu meiner neuen Webseite laborix Site- und Layoutcheck 22 04.11.2006 21:27


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:22 Uhr.