Abstände im Responsiv 
Autor: Michael G.
Besucht 1841,
Followers 1,
Geteilt 0
Hallo ich habe mal zum Test meine Seite auf Responsiv umgeschaltet und in der Vorschau angeschaut.
Für die Desktop Version musste ich mit den Randabständen im Stil arbeiten.
Das funktioniert soweit.
Aber wenn ich mir das in der Vorschau Responsiv (Smartphonegräße) anschaue, bleiben die Abstände erhalten und aber da die Ansicht kleiner ist, wirken die Abstände zu groß und nicht mehr gleich bleibend.
Gepostet am
Wo kann man das sehen? HAst du nicht bei den verschiedenen Breakpoints die Korrekturen durchgeführt?
Autor
Welche Korrekturen?
Dort kann ich doch nur ein und ausblenden oder die Reihenfolge ändern und keine Abstände?!
Ich meinte eigentlich in der Struktur der Vorlage! Aber ich weis nicht was alles in der EVO V13 frei ist zum einstellen. Genau weis ich aber nicht was du genau meinst.
Autor
Schau mal auf www.zeltsysteme-goebel.de in der Responsiv Variante (Samsung S5)
Dann klick auf Expresszelte.
Folgende Fehler:
1. Bild (Zeilenstil) wird nicht angezeigt
2. HEader Logo und Text nicht zentriert
Dann Klick auf Alu Classic (bei anderen Produkten der gleiche Fehler)
- Schau mal auf die Icons (Garantie, Wasserdicht usw.) Die Icons haben alle komische Abstände.
Diese Abstände muss ich aber in der Desktop Version so beibehalten.
Auf meinen Handy Sony Xperia zeigt es das Bild an ! (das grüne)
Dass es das Logo nicht zentriert ist normal weil es die Grafiken im letzten Breakpoint linksbündig anordnet, damit auch das kleinste Handy die Grafik anzeigen kann. Ob das so gewollt ist oder ein Zentrierbefehl übersehen worden ist kann ich nicht sagen.
Das mit den Icons musst du verschiedene Randeinstellungen haben bei den Icongrafiken oder Text-Objekten.
Autor
Was meinst du mit grüne?
Ja ich habe verschiedene Randeinstellungen in der Desktopversion und die müssen auch bleiben. Schau dir die Seite mal auf einem großen Bildschirm an. Da siehst du das die Abstände sein müssen.
Aber das diese Abstände in das Responsiv übernommen wird ist nicht schön, da diese Abstände auf einem kleinen Handy nicht schön aussehen.
Das grüne meine ich die Gotent Expresszelte Grafik!
Die Abstände (Rändereinstellungen) werden nicht automatisch verändert beim responsiven sondern bleiben erhalten. Deshalb kann es wenn es "umbricht" zu diesen Abständen kommen.
Autor
Hm dachte ich mir schon. Da muss ich mir etwas anderes einfallen lassen.
Oder hast du eine Idee?
Es es sich nur um dieses Objekt oder 2 - 3 andere handelt könnte man einen Code schreiben, aber wahrscheinlich wird es durchgehend bei allen Seiten so sein oder? Das ist dann sehr viel Code weil es immer verschieden ist bei den einzelnen Objekten.
Das einzige was man probieren könnte ob es bei Innenrand und Außenrand unterschiede gibt beim responsiven Design.