Supportnet / Forum / Webseiten/HTML
Auflösung bei HTML-Seiten
Frage
Hallo !!!
Ich habe das Problem, daß die Formatierung meiner Homepage durcheinandergewürfelt wird, wenn ich die Auflösung an meinem PC ändere.
Was muß ich machen, damit die Seite bei jeder Auflösung einwandfrei aussieht?
Antwort 1 von T. Breuer
1. zum entwickeln von Homepages sollte man die Auflösung 800x600 nehmen.
2. falls du mit frames oder mit Tabellen arbeitest solltest du hier jeweils feste Breiten angeben.
3. homepage mit versichidenen Layoutgrößen entwicklen (640x480, 800x600, 1024x768,...) und beim laden mit Javascript die Auflösung abfragen.
Entsprechend der Auflösung den User dann umleiten.
Ich entwickle meine Seiten immer für 800x600 und 1024x768.
Der User wird entsprechend seiner gewählten Auflösung umgeleitet, User mit deaktiviertem Javascript werden auf eine Seite umgeletet wo sie per klick zwischen 800x600 und 1024x768 auswählen können.
2. falls du mit frames oder mit Tabellen arbeitest solltest du hier jeweils feste Breiten angeben.
3. homepage mit versichidenen Layoutgrößen entwicklen (640x480, 800x600, 1024x768,...) und beim laden mit Javascript die Auflösung abfragen.
Entsprechend der Auflösung den User dann umleiten.
Ich entwickle meine Seiten immer für 800x600 und 1024x768.
Der User wird entsprechend seiner gewählten Auflösung umgeleitet, User mit deaktiviertem Javascript werden auf eine Seite umgeletet wo sie per klick zwischen 800x600 und 1024x768 auswählen können.
Antwort 2 von Friedel
Am besten liest du gar nicht erst, was T. Breuer schreibt. Du kannst dir selbst denken, daß es genau so unsinnig ist für eine Auflösung von 800*600 zu schreiben, wie für jede andere Auflösung auch. Es ist recht unwahrscheinlich, daß deine Besucher zufällig genau die gewünschte Auflösung eingestellt haben. Tabellen und Frames sollten nur dann mit festen Breiten und Höhen formatiert werden, wenn es sinnvoll ist. Du mußt deine Seite einfach so schreiben, daß dein Desugn erhalten bleibt. Da du nicht schreibst, wo deine Pröbleme liegen, ist es schwer dabei zu helfen. Z.B. kann man Text, der neben einem Bild stehen soll zusammen mit demBild in eine Tabelle setzen. Die Tabelle bekommt dann 100% Breite, 2 nebeneinanderliegende Zellen und keinen Rahmen.
Antwort 3 von scooter
@ Friedel
Was soll denn an T. Breuers posting unsinnig sein? Ich denke das es seine Richtigkeit was er schreibt.
Was soll denn an T. Breuers posting unsinnig sein? Ich denke das es seine Richtigkeit was er schreibt.
Antwort 4 von rené
hi
also auflösung 800*600 und 1024*768 und das jeweils für den internet explorer UND netscape ? das wären dann unter umständen 4 * eine seite programmieren...
kommt dazu, das einige leute wie ich gerne noch nebenbei den windowsexplorer sehen möchten, wodurch das ie oder n -fenster nochmal kleiner wird...
von dem her würde ich nie feste angaben beim erstellen von homepageseiten nehmen, sondern nur in %!
@scooter oder kennst Du jemanden, der genügend zeit hat, eine homepage zu betreuen und so "ganz nebenbei" 4 mal den gleichen gurk zu machen ?
rgds
rené
also auflösung 800*600 und 1024*768 und das jeweils für den internet explorer UND netscape ? das wären dann unter umständen 4 * eine seite programmieren...
kommt dazu, das einige leute wie ich gerne noch nebenbei den windowsexplorer sehen möchten, wodurch das ie oder n -fenster nochmal kleiner wird...
von dem her würde ich nie feste angaben beim erstellen von homepageseiten nehmen, sondern nur in %!
@scooter oder kennst Du jemanden, der genügend zeit hat, eine homepage zu betreuen und so "ganz nebenbei" 4 mal den gleichen gurk zu machen ?
rgds
rené
Antwort 5 von Pebbles14
Ich wuerde es auch so wie Friedel machen mit den 100%. Da bist du immer gut dabei.
Antwort 6 von scooter
Wo ist das Problem? Wenn ein Kunde die Seite für verschiedene Auflösungen optimiert haben will bekommt er es. Er zahlt ja auch dafür. Und das die Seiten beim IE und Netscape gleich aussehen ist doch wohl selbstverständlich. Um das zu erreichen muß man allerdings feste breiten usw. zuweisen.
Antwort 7 von waltraud27
Meine Hauptprobleme sind, daß sich Style Sheets mit "position:absolute" undefiniert verändern und sich Textformatierungen grundsätzlich nach links verschieben, wenn ich die Auflösung erhöhe.
Ich schreibe übrigens mit 800 x 600. Was ist daran so falsch ?
Ich schreibe übrigens mit 800 x 600. Was ist daran so falsch ?
Antwort 8 von scooter
Haste den Text in Tabellen geschrieben? Probiere es mal.
Wenn alles seinen festen Platz hat kann sich eigendlich nichts verschieben. Manchmal nimmt der Netscape es übel wenn Felder nicht gefüllt sind. Dann kann man mit leer.gifs arbeiten. Dann kann gar nichts mehr verrutschen.
Leer.gif ist ein leeres gif 1 Pixel x 1 Pixel welches du dann auf deine Feldgröße kachelst.
Wenn alles seinen festen Platz hat kann sich eigendlich nichts verschieben. Manchmal nimmt der Netscape es übel wenn Felder nicht gefüllt sind. Dann kann man mit leer.gifs arbeiten. Dann kann gar nichts mehr verrutschen.
Leer.gif ist ein leeres gif 1 Pixel x 1 Pixel welches du dann auf deine Feldgröße kachelst.
Antwort 9 von TruckingGrizzly
@scooter:
"Wenn ein Kunde die Seite für verschiedene Auflösungen optimiert haben will bekommt er es. Er zahlt ja auch dafür."
Nicht nur der Kunde zahlt für 6 Internetauftritte (460x,800x,1024x und das mal (mindestens) zwei Browser, sondern auch der Selbstersteller mit Arbeitszeit, Nerven und seinem vielleicht guten Ruf.
@T.Breuer
Bitte, erstelle deine Seite möglichst nur einmal.
Arbeite mit Frames, gib mal feste mal prozentgrößen an und verwende nicht die browserspezifischen TAGs. Teste mit verschiedenen Auflösungen UND mit verschiedenen Browsern. Wenn du Hilfe brauchst, Mail. Ich schaffe bis 1600x1200. Größer geht auch, dauert aber länger(ist aber noch nicht sehr verbreitet).
Schau dir die NEVERs an. Z.B.:
http://www.friedels-home.com/Texteffekte/Texteffekte.htm
http://www.karzauninkat.com/Goldhtml/
Anleitungen, die in dem
"Berufsvorbereitenden Kurs für informatikinterressierte, bochumer Jugendliche"
empfohlen werden sind u.a.:
SelfHTML von Stefan Münz
http://selfhtml.teamone.de/
Friedels HTML-Kurs
http://www.friedels-home.com/
Gruß
TG
PS: Wenn du ganz sicher gehen willst, erstelle eine Rahmen mit ca.500 Pixeln breite und zentrier ihn. Erstelle darin deine HP. Dann können nahezu alle deine Inhalte so sehen wie du es wünscht. Ist aber nur die sichere Lösung, nicht die optimale.
"Wenn ein Kunde die Seite für verschiedene Auflösungen optimiert haben will bekommt er es. Er zahlt ja auch dafür."
Nicht nur der Kunde zahlt für 6 Internetauftritte (460x,800x,1024x und das mal (mindestens) zwei Browser, sondern auch der Selbstersteller mit Arbeitszeit, Nerven und seinem vielleicht guten Ruf.
@T.Breuer
Bitte, erstelle deine Seite möglichst nur einmal.
Arbeite mit Frames, gib mal feste mal prozentgrößen an und verwende nicht die browserspezifischen TAGs. Teste mit verschiedenen Auflösungen UND mit verschiedenen Browsern. Wenn du Hilfe brauchst, Mail. Ich schaffe bis 1600x1200. Größer geht auch, dauert aber länger(ist aber noch nicht sehr verbreitet).
Schau dir die NEVERs an. Z.B.:
http://www.friedels-home.com/Texteffekte/Texteffekte.htm
http://www.karzauninkat.com/Goldhtml/
Anleitungen, die in dem
"Berufsvorbereitenden Kurs für informatikinterressierte, bochumer Jugendliche"
empfohlen werden sind u.a.:
SelfHTML von Stefan Münz
http://selfhtml.teamone.de/
Friedels HTML-Kurs
http://www.friedels-home.com/
Gruß
TG
PS: Wenn du ganz sicher gehen willst, erstelle eine Rahmen mit ca.500 Pixeln breite und zentrier ihn. Erstelle darin deine HP. Dann können nahezu alle deine Inhalte so sehen wie du es wünscht. Ist aber nur die sichere Lösung, nicht die optimale.
Antwort 10 von TruckingGrizzly
Sorry, ich meinte nicht
@T.Breuer, sonder @waltraud27
@T.Breuer, sonder @waltraud27
Antwort 11 von scooter
@TruckingGrizzly
Es ging ja darum was man gegen Textverutschen machen kann.
Ich hab auch noch nie für jede Auflösung eine Eigene Seite gemacht. Aber es ist eine Möglichkeit. Ansonsten gilt das nur Text nicht verutschen kann der seinen festen Platz hat.
Warum der Text bei Waltraut verutscht ist mir allerdings nicht so gan klar. Da sie absolut positioniert.
Es ging ja darum was man gegen Textverutschen machen kann.
Ich hab auch noch nie für jede Auflösung eine Eigene Seite gemacht. Aber es ist eine Möglichkeit. Ansonsten gilt das nur Text nicht verutschen kann der seinen festen Platz hat.
Warum der Text bei Waltraut verutscht ist mir allerdings nicht so gan klar. Da sie absolut positioniert.
Antwort 12 von Friedel
Was passiert ddenn, wenn der User ein Fenster hat, das nicht zufällig genau Platz bietet für eine Seite mit 800*600 Pixel? Es ist sehr unwahrscheinlich, daß in Browser zufällig genau so viel Platz für eine Seite ist. Außerdem braucht der User dafür je nach Browser einen ganz schön großen Monitor. Bei Opera reicht ein 17-Zöller mit 1024*768 Pixeln jedenfalls nicht aus. Wenn der User seine Favoriten anzeigen lässt, reicht beim Internet Explorer unter bUmständen auch ein 19-Zöller mit 1280*1024 Pixeln nicht. Wenn es überhaupt einen Grund gibt für eine Bestimmte Seitengröße zu schreiben, dann muß sie auf jeden Fall kleiner als 520*380 Pixel sein, damit die Seite auf ledem Handelsüblichen PC mit allen gängigen Browsern überhaupt richtig angezeigt werden kann. Wer das für sinnvoll hält kann es gerne tun. Ich mach es nicht.
Antwort 13 von scooter
Das Thema Auflösung ist ein Streitthema da hat jeder seine Ansicht von der er nicht lassen will.
Das Problem war doch das Text verrutscht der nicht verutschen soll.
Bei deinem Vorschlag gehört es jedoch zu screendesign das der Text sich anpaßt also verrutscht und das wollte Waltraut doch nicht.
Das Problem war doch das Text verrutscht der nicht verutschen soll.
Bei deinem Vorschlag gehört es jedoch zu screendesign das der Text sich anpaßt also verrutscht und das wollte Waltraut doch nicht.
Antwort 14 von Sutadur
Ich denke schon, dass ich als Kunde eine Webseite erwarten kann, die auf vielen Auslösungen ordentlich dargestellt wird. Wenn der Webdesigner meiner Wahl des nicht bieten kann, such ich mir eben einen anderen, der bereit ist, diese sicherlich nicht unbeträchtliche Mehrarbeit zu leisten. Wenn ich über das Internet z.B. Ware verkaufen will, hängt auch irgendwo mein Einkommen davon ab, dass möglichst viele Kunden sich diese Produkte mit Ihrer Konfiguration auch ansehen können. Bei einer privaten Homepage mag das egal sein, im Geschäftsleben geht es aber ums Geld ...
Antwort 15 von TruckingGrizzly
Na gut, einmal noch...
@sutadur:
Nehmen wir mal Amazon...
Meinst du die haben ihr Angebot gleich (mindestens) sechs mal ins Netz gestellt? Und die leben vom Internet.
@waltraud:
Für dein eigendliches Problem hab ich so keine Lösung parat. Das einzige, was mir noch einfällt ist ein in der Größe definiertes eigenes Fenster. Da ändert sich garantiert nichts. Sollte man aber nur in besonderen Fällen (Werbung, Druckvorlage, Grafik) machen.
Gruß
TG
@sutadur:
Nehmen wir mal Amazon...
Meinst du die haben ihr Angebot gleich (mindestens) sechs mal ins Netz gestellt? Und die leben vom Internet.
@waltraud:
Für dein eigendliches Problem hab ich so keine Lösung parat. Das einzige, was mir noch einfällt ist ein in der Größe definiertes eigenes Fenster. Da ändert sich garantiert nichts. Sollte man aber nur in besonderen Fällen (Werbung, Druckvorlage, Grafik) machen.
Gruß
TG
Antwort 16 von TruckingGrizzly
Stell Sie doch mal ins Netz, dann können wir wohl bessere Vorschläge machen.
Gruß
TG
Gruß
TG
Antwort 17 von FrankieH
Howgh - muss Friedel Recht geben.
Ist zwar auch OT - aber manche Sachen solten so nicht stehen bleiben.
Einen Rat zu geben, eine Seite immer für 800x600 zu entwickeln ist für einen, der das für sich nebenbei macht und nicht für einen Kunden der jede Auflösung bezahlen möchte, _absoluter_ UNSINN.
Dann müsste man auch noch auf die Anzahl der verfügbaren Farben achten, denn es gibt ja noch viele Anwender die mit 256 Farben auskommen müssen.
Da man nicht davon ausgehen kann, dass das Browserfenster in der richtigen Größe offen ist, muss auch gleich ein neues in der entsprechenden Größe aufgemacht werden - diesen Befehl darf man dann für verschiedene Browsertypen und Betriebssysteme extra definieren.
Meine persönliche Einstellung zu solchen Zwangsmaßnahmen des Webdesigners:
Umgehend verlassen. Wer mir mit seinem Webdesign einen Willen aufzwingt, wird es mit seinen Produkten genauso tun. Komischerweise sind es fast ausschließlich Reklameseiten - sinnvolle Informationen findet man eigentlich immer ohne Schnickschnack.
Frankie
Ist zwar auch OT - aber manche Sachen solten so nicht stehen bleiben.
Einen Rat zu geben, eine Seite immer für 800x600 zu entwickeln ist für einen, der das für sich nebenbei macht und nicht für einen Kunden der jede Auflösung bezahlen möchte, _absoluter_ UNSINN.
Dann müsste man auch noch auf die Anzahl der verfügbaren Farben achten, denn es gibt ja noch viele Anwender die mit 256 Farben auskommen müssen.
Da man nicht davon ausgehen kann, dass das Browserfenster in der richtigen Größe offen ist, muss auch gleich ein neues in der entsprechenden Größe aufgemacht werden - diesen Befehl darf man dann für verschiedene Browsertypen und Betriebssysteme extra definieren.
Meine persönliche Einstellung zu solchen Zwangsmaßnahmen des Webdesigners:
Umgehend verlassen. Wer mir mit seinem Webdesign einen Willen aufzwingt, wird es mit seinen Produkten genauso tun. Komischerweise sind es fast ausschließlich Reklameseiten - sinnvolle Informationen findet man eigentlich immer ohne Schnickschnack.
Frankie

