• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Website anders dargestellt.

G

gd0123456

Mitglied
Hi, ich habe folgendes Problem. Ich arbeite an einer Website, diese soll für unterschiedliche Bildschirmauflösungen entwickelt werden.
Da die Seite bereits fertig ist, soll sie jetzt auch für andere Auflösungen funktionieren. Und da kommt das Problem, wie habe ich eine Möglichkeit diese zu testen.

Mein Freund hat eine Auflösung von 1920 x 1080. Wenn er sich die Seite ansieht, sind Elemente verschoben.
Teste ich die Seite auf

http://www.infobyip.com/testwebsiteresolution.php?url=http://www.benwillgruber.com/neueSeite/?#photographien&width=1920&height=1080&in_browser=false

oder

http://cybercrab.com/screencheck/

Wird sie richtig dargestellt. Auch im Device Mode von Chrome wird die Seite richtig unter der Auflösung 1920 x 1080 dargestellt.

Kann mir bitte einer Helfen, warum es bei meinem Freund falsch angezeigt wird und sonst richtig?

Anbei 2 Bilder zum leichteren Verständnis.

Beim Ihm wird sie auch falsch dargestellt, wenn er sie mit diesen Websiten ansieht
 

Anhänge

  • 1920 Freund.png
    1920 Freund.png
    228,7 KB · Aufrufe: 12
  • 1920 ich.png
    1920 ich.png
    128,5 KB · Aufrufe: 12
Wenn du möchtest, dass man sich deine Seite anschaut, poste einen Direktlink dazu, und nicht zu einem Service, der die Seite in einem iFrame rendert.
 
Bei meinem Laptop mit 1366x768 sieht es so aus. Die Schrift ist sehr schlecht zu lesen Ich denke das ist nicht beabsichtigt oder?
 

Anhänge

  • test.PNG
    test.PNG
    349,2 KB · Aufrufe: 7
Für niedrigere seite ist sie noch nicht gebaut. KÖnntest du mir bitte noch einen gefallen machen, und klicke auf den Namen Benwillgruber und schikc mir dann ein Foto von der nächsten seite. Ich möchte überprüfen ob

http://cybercrab.com/screencheck/ mir die seite richtig darfstellt.

Danke für die Hilfe
 
gd0123456 schrieb:
Für niedrigere seite ist sie noch nicht gebaut.
Zum Vergrößern anklicken....

Du machst da einen Denkfehler. Eine responsive Seite wird nicht für unterschiedliche Auflösungen erstellt, sondern funktioniert adaptiv. Das heißt, sie passt sich beim Skalieren des Viewports der jeweiligen Auflösung an. Dafür gibt es die Gridlayouts in Frameworks wie Bootstrap & Co.

Ich habe es mir auf meinem MBP in 1440x900 angeschaut und kann dir zwei auflösungunabhängige Probleme deiner Seite nennen. Erstens position: absolute und zweitens skalieren der Bilder über ihre Originalgröße hinaus.
 
ok jetzt versteh ich dann nur mehr Bahnhof, dachte es wäre für jeweilige Bildschirmauflösungen.

Die Seite wird bei mir am Laptop richtig dargestellt, jedoch bei meinem freund nicht, dementsprechend muss ich schriftgrößen und bilder Positionen ändern. für diese Änderung nehmen ich die media queries her.

damit auch bei anderen Auflösungen am pc oder Notebook die seite richtig dargestellt wird oder nicht?

Und Viewport selbst benötige ich ja für die mobilen geräte, da ja weniger anzeige platz ist oder?
 
Stelle dir die Seite auf einem unsichtbaren Grid mit 12 Spalten vor. Jede Spalte besitzt eine width von 1/12 (8.33%) und eine max-width in Pixeln. Die Media-Queries werden getriggered, wenn bestimmte Breakpoints (768px, 992px, 1200px) über- oder unterschritten werden.
http://getbootstrap.com/css/#grid

Falls du der Designer in eurem Team bist, musst du das beherrschen, ansonsten gib es an den Designer weiter.
 
die richtig css Datei wird auch angenommen, je nach Pixel größe. es geht mir nur mehr rein darum, wie ich eine Website testen kann ob sie auf jeder Auflösung richtig dargestellt wird.

mit http://cybercrab.com/screencheck/ habe ich sie getestet. bei mir wird es richtig dargestellt.
Aber wenn der Bildschirm eine höhere Auflösung hat, wird es falsch dargestellt.

MIr geht es nur darum wie ich die Seite richtig anschauen kann, so hab ich jetzt das Problem dass sie immer unterschieldich angezeigt wird, und ich mich nicht orientieren kann was eventuell falsch angezeigt wird, oder verschoben wird.

Mir geht es nur ums testen bzw. ich möchte die Website gleich sehen können wie mein freund.
 
ok kann es sein dass auf der cybercrab seite nicht wirklich die Auflösung dargstellt wird, sondern einfach nur die seite verbreitert wird? weil dann ist mir das Problem klar?
 
Um eine Webseite in unterschiedlichen Auflösungen, Browsern und Betriebssystemen zu sehen, gibt es Provider wie Browsershot.

So sieht sie auf meinem 27" in 2560x1440 aus.
Bildschirmfoto 2015-09-27 um 00.00.20.png

Du hast aber keinen Einfluss darauf, ob ich die Seite im Fullscreen oder in einem kleineren Window betrachte, und deshalb muss sie sich adaptiv jeder Auflösung anpassen.
 
ja mir schon klar dass es sich jeder Auflösung anpassen soll, nur wie kann ich etwas testen wenn es mir nicht möglihc ist es zu sehen.

Aber selbst mit browsershot ist es mir nur möglich eine Auflösung von 1600 px zu sehen
 
Um Seiten auf unterschiedlichen Plattformen tatsächlich zu testen, brauchst du die entsprechende Hardware.

Um sicher zu sein, dass sie dort ordentlich aussehen und funktionieren, ohne die Hardware zu besitzen, benötigst du neben Fachkenntnissen und Erfahrung entsprechende Technologien. Ich schaue mir meine Seiten selten unter Windows an, weil ich weiß, dass die von mir verwendeten CSS und JavaScript Frameworks mögliche Browserprobleme ausbügeln. Außerdem habe ich zu meinem Notebook noch einen großen Monitor und kann in den Dev-Tools der Browser unterschiedliche User-Agents einstellen.
 
Danke für die Antwort. Mehr oder weniger hab ich genau das gesucht. Hab nur leider keinen größeren Monitor. also wird mir wohl nichts anderes übrig bleiben als mir einen zu besorgen.

Tut mir leid für die Umstände.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben