Android Ansicht
Autor: Michael G.
Besucht 1881,
Followers 1,
Geteilt 0
Hallo,
ich bin dabei eine Website zu machen.
Diese ist im Browser zentriert.
Aber wenn ich die auf meinem Smartphone öffne, dann ist sie linksbündig am Rand und nicht mehr zentriert.
Und Rechts ist ein kleiner weißer Rand.
Bitte um Hilfe
Gepostet am
Wie heißt denn Deine Webseite?
Dann könnte man mal gucken....
Autor
Aber die ist noch nicht fertig.
Daher nehme ich die nachher gleich wieder raus.
http://www.werbeagentur-goebel.de/entwurf/index.html
Zumindest habe ich es hinbekommen das der rechte kleine weiße Rand auch weg ist.
Aber es sollte links und rechts ein kleiner weißer Rand sein, damit der Text nicht direkt am Displayrand steht.
Komisch ist nur, wenn ich in den Header klicke steht 1177 breit.
Aber wenn ich das Bild für den Header in dieser Breite erstelle, kommt das mit den weißen Rand rechts aber nicht links.
Daher musste ich den Header (jetzt bei 1173) bei Template Struktur etwas kleiner machen. Und das Menü 1174. Damit der Button Impressum auch am Rand abschließt.
Ich hoffe ich habe mich nicht zu kompliziert ausgedrückt :-)
Also aur meinem Smartphone (Sony Xperia Ion) wird die Seite perfekt angezeigt..
edit: Egal ob quer oder hoch...
Autor
ja aber der Text geht bis zum Displayrand und das soll er nicht.
Es soll alles weiter eingerückt sein inkl. den beiden Bildern, also praktisch wie ein kleiner weißer Rand.
Dann müsstest Du die Breite des Templates verkleinern. Ich habe für meine Seite extra eine zweite als "Android-Version" gebaut.
Ist zwar aufwendig, erfüllt aber seinen Zweck...
Man muss ja auf der Mobilseite nicht alles unterbringen was auch auf der Webseite ist...
Die Displays der Smartphones sind leider alle unterschiedlich und Responsives Design unterstützt WebsiteX nicht...
Das Verhältnis des Seiteninhalts zu den Rändern kannst Du ja ändern, wenn Du mit der rechten Maustaste auf die Textbox klickst und dann "Zellenstil-Bearbeiten" wählst....
Hallo Michael,
schon mal versucht im Zellenstil den Außenrand und/oder den Innenabstand auf deiner Seite links von 0 auf z.B. 5 oder 10 zu ändern, siehe Anlage
Gruß Bernd
Genau.. So wollte ich das auch erklären, nur ohne Screenshot
Genau ... und warum hast du es nicht so erklärt ... ich habe es so erklärt mit wenig Text und Screenshot
Nächstes Mal bestimmt
na dann werden wir es ja sehen
MAn könnte aber auch einen RAnd links/rechts beim Seitenhintergrund oder Seiteninhalt machen. HAbs aber nicht getestet !
Autor
kann ich mal versuchen.
aber das wie auf dem Screenshot geht nicht, da der Header und der Footer dann nicht mit einrückt sondern nur der Inhalt.
verstehe ich das richtig .. Header und Footer hat doch nichts mit dem Text zu tun, um den es hier ja geht wie du auch oben schreibst, sollte doch nur der Text nicht so nahe am Rand sein
Autor
Tut mir leid da habe ich mich falsch ausgedrückt :-(
natürlich sollte alles eingerückt sein.
am anfang war ja ein kleiner weißer rand auf der kompletten rechten seite und links war der text direkt am display.
jetzt ist der weiße rand rechts weg, aber der sollte eigentlich links und rechts sein.
Autor
Ich habe es jetzt versucht, wie Andreas gesagt hat mit dem Seitenhintergrund links und rechts einen Rand (auf 50), aber das geht leider auch nicht :-(
hat keiner einen Rat wie ich das machen kann?
wie gesagt die komplette Seite soll eingerückt sein mit links und rechts einen weißen Rand.
Guten Tag,
Leider ist die Seite nicht mehr sichtbar. Können Sie die Seite erneut online stellen?
Wenn ich es richtig verstehe möchten Sie um den Header, Inhalt und Footer einen Rand haben. Da müssen Sie dies als Graphik erstellen und dann diese Bilder im Template Editor einfügen da es keine Funktion gibt dies mit dem Programm einzufügen. Benutzen Sie einen Grphikprogramm wo Sie den Header, Den Inhalt und den Footer als Bild erstellen wo Sie diesen Rand einfügen.
Vielen Dank!
Autor
verstehe ich das jetzt richtig.
ich muss um das header bild, den bildern im seiteninhalt und das bild im footer einen weißen Rand einbauen?
Autor
ich habe schon eine webseite erstellt die ist ingesamt 1024 breit und da ist ein Rand dabei aber die neue Seite ist 1177 breit. darf die vielleicht nicht so breit sein? aber wenn ich die verkleinere muss ich die Bilder ja auch alle kleiner machen da ich 2 bildobjekte nebeneinander habe
hier ist noch mal die Seite
http://www.werbeagentur-goebel.de/entwurf/index.html
dann ist mir aufgefallen, das der Header 1177 breit ist
aber bei Punkt 3 der Seitenerstellung habe ich Spalten angelegt und wenn ich diese zumsammen rechne komme ich auf die Breite von 978
Du hast überall die Werte links/rechts auf 0 gesetzt ! Deshalb sieht man es nicht am Desktop aber am Handy pickt es links und rechts an.
Ich würde alles ausprobieren und den Rand setzen bei
Template Stil -> Seiteninhalt, Header, Footer, MEnü, Content
Unter "3" bei den einzelnen Objekten -->Zellenstil linkes Objekt einen linken Innenrand und rechts Objekt rechten Innenrand usw.
Wenn das keine Wirkung zeigt dann weiss ich nicht ...
Autor
danke andreas, aber ich kann nur bei Seiteninhalt und Seitenhintergrund bei Template Stil einen Rand einstellen. Im Header, Footer geht es nicht oder ich übersehe etwas
Guten Tag,
Am sonsten können Sie diesen Rand im der Graphik direkt einbauen damit dieser vorhanden sein wird. Nehmen Sie die Werte des Templates um die Bilder von der richtigen grösse zu erstellen wo Sie diesen Rand eingebaut haben und danach importieren Sie diese Bilder im Template Editor.
Vielen Dank!
Autor
ok danke, aber vielleicht kann man das durch ein Update irgendwann mal einfacher machen
Autor
Die Bilder muss ich aber mit 72 dpi anlegen damit sie genau in den Header passen.
Wenn ich die Bilder mit 150 dpi anlege, dann passt es nicht mehr in den Header.
Mache ich da was falsch?
Guten Tag,
Das Programm benutzt 72dpi Graphik da dies für den Web optimiert werden soll und wenn Sie eine grössere Auflösung benutzen werden diese konvertiert. Es ist besser direkt mit 72dpi Bilder zu arbeiten damit Sie diese genau haben umd schon optimiert sind.
Vielen Dank!
Autor
und wenn jemand die Seite im Browser größer zoomen möchte, weil er schlecht lesen kann, wird doch dann das Bild verpixelt oder? und wie ist das bei einem größeren Monitor wird dann das Bild auch verpixelt?
die Seite ist zum Beispiel 1177 px breit und 150 px hoch.
Wenn es ein hochauflösendes Bild ist dann kann das bei 150dpi schon 10 MB haben! Soll der Besucher dann ca. 1 Minute warten bis die Seite mit den Bildern reingeladen wird oder macht man einen Kompromiss und nimmt etwas verpixelte Bilder auf sich!
Autor
Hallo Michael,
du hast weiter oben geschrieben das du eine zweite Seite als Android Version gemacht hast.
Hast du die Verlinkt auf deiner "PC" Homepage oder wie hast du das gemacht?
An den letzten @Michael G. !
Er hat keine zweite Seite als Android Version gemacht sondern nur seine Seiten darauf getestet.
Gibt es dafür irgendwo ein Beispiel zur Ansicht?
Hallo Joerg F.,
Wenn die Seite im Profil von Michael Bolz ist www.michaelbolz.de/ und die mobile Version ist unter www.michaelbolz.de/mobil/ sichtbar.
Vielen Dank!