Rand in der Ansicht auf Tablet und Smartphone
Autor: David M.
Besucht 548,
Followers 1,
Geteilt 0
Hallo zusammen, nach erstellen der Website fiel mir irgendwann auf, daß auf dem Smartphone und Tablet auf einer der Seiten (http://www.gitarrenschule-magicmusic.de/onlineunterricht.html) ein nicht ausgefüllter Rand zu sehen ist in dem aber Objekte hineinragen. Diese Bildobjekte habe ich in Textfelder geladen, weil ich sie dort besser an die gewünschte Stelle verschieben konnte. Die Bildfelder (ich nenn es jetzt mal so) haben immer nur das Bild plump hingesetzt ohne das ich Größe und Platz richtig bestimmen konnte. Aber irgendwie habe ich jetzt dadurch diesen hässlichen Rand. Wie bekomme ich den weg? Vielen Dank schon mal.
Gepostet am
Du kannst unter "2" im Inhalt des Templates beim Header und Footer schauen ob in den Ansichten vom Smartphone oder Tablett (farbige Punkte) die Objekte ausserhalb des sichtbaren Bereichs sind. Es genügt wenn du das Objekt von der Breite verkleinerst oder einfach reinziehst.
Autor
Leider nein. Die Objekte zu verkleinern und mehr nach innen zu ziehen ist natürlich das erste was ich versucht hab. Das mit den farbigen Punkten ist doch nur wenn ich "responive Website" aktiviert habe oder? Diese habe ich aber deaktiviert, weil es wie Kraut und Rüben ausgeschaut hat..
... there is this image that pops off the page on the right:
http://www.gitarrenschule-magicmusic.de/images/Daco_2528903.png
.
ciao
.
... das vorherige Bild kommt rechts aus der Seitenbegrenzung heraus...
.
Autor
Ja, danke. Das habe ich schon verstanden. Die Frage ist aber wie behebe ich das? Wie gesagt.. Durch verkleinern oder nach links ziehen geht es nicht.
Ich lese gerade, dass du oben gesagt hast, dass du kein responsives Design aktiviert hast. Dann ist es klar wieso es so einen Rand macht.
Nur beim responsiven Design was für mobile Geräte geschaffen worden ist, kann man gewisse Breakpoints einstellen um perfekt an das Handy anzupassen.
WEnn alles durcheinander ist, dann musst du es bei jede,m Breakpoint einzeln regeln.