Lieber Besucher, herzlich willkommen bei: WebmasterWork. Falls dies dein erster Besuch auf dieser Seite ist, lese dir bitte die Hilfe durch. Dort wird dir die Bedienung dieser Seite näher erläutert. Darüber hinaus solltest du dich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutze das Registrierungsformular, um dich zu registrieren oder informiere dich ausführlich über den Registrierungsvorgang. Falls du dich bereits zu einem früheren Zeitpunkt registriert hast, kannst du dich hier anmelden.
[Frage] Bildschirmauflösung
Hi, ich hätte mal ne Frage. Und zwar gibt es wenn möglich mit html einen Weg eine Website für verschiedene Bildschirmauflösungen lauf fähig zu machen?
Also quasi das sich die Seite automatisch auf die Auflösung einstellt. Und nicht wenn zB jemand mit 1024x768 daher geschlichen kommt das Bild so stark zusammen gedrückt wird?
Wäre dankbar für ein paar Tipps
Also quasi das sich die Seite automatisch auf die Auflösung einstellt. Und nicht wenn zB jemand mit 1024x768 daher geschlichen kommt das Bild so stark zusammen gedrückt wird?
Wäre dankbar für ein paar Tipps
Da viele, die einigermaßen Verständnis von Website-Programmierung haben, zwischen Struktur(Html) und Design(CSS) unterscheiden, würde ich sagen eine reine html lösung sieht üerall gleich kacke aus, nur mit CSS wird es hübsch genug... und naja mit CSS könntest du wenn es wirklich not tut auch deine seite erstmal auf 1024x786 aufbauen und den rest als Hintergrund definiern, aber die Kunst des Webdesigns besteht darin, etwas zu finden, was überall passend wirkt und mit meinen (eingeschränkten kenntnissen) würde ich wagen, dass spätestens hier javascript ins spiel kommt, um gegebenenfalls teile der seite je nach Browserauflösung azupasen... denn nur das ist (meines Wissens) in der lage die vorhandenen auflösungen zu lesen und dementsprechend zu verwalten... (gut CSS kannst du auch auf % setzen, nur wenn jemand dann das bild kleiner macht um einen bestimmten ausschnitt zum beispiel aufm handy zu sehen ist es kacke)
Im Übrigen bin ich der Meinung, dass Karthago zerstört werden muss.
Mit freundlichen Grüßen
Don_Jo
Mit freundlichen Grüßen
Don_Jo
Danke für die schnellen Antworten. CSS und Java , ja genau das hatte ich befürchtet. Das sind beides Dinge mit denen ich noch nie etwas gemacht habe.
@ Don_Jo hast du zufällig einen Link zu der "kacke" aussehenden Variante?
Für CSS und Java bleibt mir leider keine Zeit mehr da die Seite in einer Woche fertig sein muss.
@ Don_Jo hast du zufällig einen Link zu der "kacke" aussehenden Variante?
Für CSS und Java bleibt mir leider keine Zeit mehr da die Seite in einer Woche fertig sein muss.
nicht JAVA, JavaScript. Das sind 2 Unterschiedliche dinge.
Ich mache das persönlich immer so, dass ich mein Content mit einer maximalen breite von 900px anpasse und dann ein Hintergrund zentriert einbinde. Der hintergrund wird bei kleinen auflösungen dann abgehackt.
http://cruel-online.de/
bei Größeren auflösungen sieht man kompletten hintergrund bild. Für deine Header usw würde ich nicht den img tag nutzen mit % höhe sondern deine Bilder so gestalten dass man die ohne weiteres überall platzieren kann. Für Mobile versionen müsstest du aber ein extra layout erstellen mit extra großen buttons. Am besten ist jquery mobile geignet, es hat einen Themeroller wo du dein layout zusammen klickst und es ist kompatibel mit jquery UI(größtenteils)
Wenn du aber zum Beispiel einen Fixen Rahmen als Bild hast, müsstest du den dann über JavaSCRIPT anpassen. Aber anpassen bedeutet nicht dass Javascript dir das Bild automatisch neu erstellt. mit anpassen wird gemeint dass dann ein anderes bild eingesetzt wird.
Siehe hier browserquest.mozilla.org wenn du dein Browserfenster verkleinerst, wird ein kleineres Bild eingesetzt. hier siehste die Bilder des Spiels https://github.com/mozilla/BrowserQuest/…ster/client/img da sind ordner 1/2 und3 und je nach auflösung wird ein anderes hintergrund bild genommen.
Also anpassung auf unterschiedliche auflösungen heißt nicht nur mit CSS arbeiten, sondern auch Bilder vernüftig editieren und mit JavaScript das Ganze dynamisch machen.
MFG
Ich mache das persönlich immer so, dass ich mein Content mit einer maximalen breite von 900px anpasse und dann ein Hintergrund zentriert einbinde. Der hintergrund wird bei kleinen auflösungen dann abgehackt.
http://cruel-online.de/
bei Größeren auflösungen sieht man kompletten hintergrund bild. Für deine Header usw würde ich nicht den img tag nutzen mit % höhe sondern deine Bilder so gestalten dass man die ohne weiteres überall platzieren kann. Für Mobile versionen müsstest du aber ein extra layout erstellen mit extra großen buttons. Am besten ist jquery mobile geignet, es hat einen Themeroller wo du dein layout zusammen klickst und es ist kompatibel mit jquery UI(größtenteils)
Wenn du aber zum Beispiel einen Fixen Rahmen als Bild hast, müsstest du den dann über JavaSCRIPT anpassen. Aber anpassen bedeutet nicht dass Javascript dir das Bild automatisch neu erstellt. mit anpassen wird gemeint dass dann ein anderes bild eingesetzt wird.
Siehe hier browserquest.mozilla.org wenn du dein Browserfenster verkleinerst, wird ein kleineres Bild eingesetzt. hier siehste die Bilder des Spiels https://github.com/mozilla/BrowserQuest/…ster/client/img da sind ordner 1/2 und3 und je nach auflösung wird ein anderes hintergrund bild genommen.
Also anpassung auf unterschiedliche auflösungen heißt nicht nur mit CSS arbeiten, sondern auch Bilder vernüftig editieren und mit JavaScript das Ganze dynamisch machen.
MFG
Mein kleines Projekt
-Cruel Online-
-Cruel Online-
hier mal ne css freie seite, die mein Info. Prof. zum thema CSS mal gebaut hat Ohne CSS und hier einmal die fertige seite mit CSS
Im Übrigen bin ich der Meinung, dass Karthago zerstört werden muss.
Mit freundlichen Grüßen
Don_Jo
Mit freundlichen Grüßen
Don_Jo
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Don_Jo« (28. März 2012, 12:34)
was hast du denn für ein Informatik Prof? Vor CSS wurden halt die sachen mit Tabellen umgesetzt. und hintergrund bildern.
Natürlich sieht das alles anders aus ohne einer CSS datei. Aber die CSS Datei beschreibt ledeglich solche sachen wie Position eines divs, abstand, hintergrund, schriftfarbe usw. Damals hat man halt sowas wie <font> <b> <i> <table> eingesetzt und <img>. So eine Seite die du da zeigst, könnte man auch komplett ohne CSS umsetzen.
Natürlich sieht das alles anders aus ohne einer CSS datei. Aber die CSS Datei beschreibt ledeglich solche sachen wie Position eines divs, abstand, hintergrund, schriftfarbe usw. Damals hat man halt sowas wie <font> <b> <i> <table> eingesetzt und <img>. So eine Seite die du da zeigst, könnte man auch komplett ohne CSS umsetzen.
Mein kleines Projekt
-Cruel Online-
-Cruel Online-
und der trennung von struktur und design hält....
das wage ich zu beweifeln. Schau dir den HTML Code an. Das Layout sind 2 Tabellen. Der Header und Content...
Normalerweise Nimmt man Tabellen für die Darstellung von Daten und nicht um den Layout Rumpf zusammen zusetzen.
Die Ohne CSS Version hat ledeglich keine URL zur CSS Datei, man kann aber durchaus das Layout ohne CSS mit Hintergrundbildern erstellen und die Font einstellungen dann mit dem html tag <font> umsetzen.
Mein kleines Projekt
-Cruel Online-
-Cruel Online-
Er will nunmal nicht die armen Ingenieursstudenten zwingen sich mit nem Div Layout zu quälen. Er ist schon froh, wenn der Großteil der Gruppe nicht am normalen HTML verzweifelt... In den Jahrgängen sind viele dabei, die mit Mühe und Not wissen wie man in ein Officeprogramm kommt, da sind dann DIVs und deren Strukturierung auf einer Seite durchaus nicht mehr Trivial 
und zu den designerischen tags: da gibt es ja auch zwei Lager... die einen, die design nicht mehr in HTML haben wollen und die anderen denen das wurst ist...
aber wofür gibt es denn css, als standard, wenn nicht, um damit die Seiten zu stylen...

und zu den designerischen tags: da gibt es ja auch zwei Lager... die einen, die design nicht mehr in HTML haben wollen und die anderen denen das wurst ist...
aber wofür gibt es denn css, als standard, wenn nicht, um damit die Seiten zu stylen...
Im Übrigen bin ich der Meinung, dass Karthago zerstört werden muss.
Mit freundlichen Grüßen
Don_Jo
Mit freundlichen Grüßen
Don_Jo
musst mal deinen studenten folgendes zeigen
http://www.youtube.com/watch?v=tRriN8V45jk&feature=related
damit kommt man schnell mit der div suppe klar
nur dass das klar ist, ich mag css und wende es auch an, wollte nur sagen dass man nicht einfach so sagen kann "Ohne CSS ist es kacke" da man vieles auch ohne CSS umsetzen kann

http://www.youtube.com/watch?v=tRriN8V45jk&feature=related
damit kommt man schnell mit der div suppe klar

nur dass das klar ist, ich mag css und wende es auch an, wollte nur sagen dass man nicht einfach so sagen kann "Ohne CSS ist es kacke" da man vieles auch ohne CSS umsetzen kann
Mein kleines Projekt
-Cruel Online-
-Cruel Online-
Wir haben uns nun auf eine bestimmte Auflösung geeinigt , also von daher dürfte dieses Projekt nun passen.
Für CSS und Java bleibt mir leider keine Zeit mehr da die Seite in einer Woche fertig sein muss.
Also wenn du eine Internetseite erstellst dann solltest du dich in jedem Fall mit CSS beschäftigen. Ansonsten ist nichts gutes zu erwarten.
Ähnliche Themen
-
(X)HTML & CSS & DHTML & Javascript »-
Bildschirmauflösung mit Jscript überprüfen
(1. Januar 2005, 17:12)
-
PHP »-
Bildschirmauflösung
(10. März 2004, 00:13)
-
PHP »-
Bildschirmauflösung mit PHP erkennen?
(9. Juni 2003, 19:51)
-
(X)HTML & CSS & DHTML & Javascript »-
hintergrundbild über ne seite?!
(17. Februar 2003, 17:30)
-
Plauder Forum »-
Mit welcher Bildschirmauflösung surft ihr?
(2. Dezember 2002, 22:57)


