Wie skaliere ich auf meinem MAC eine Website richtig?

Diskutiere das Thema Wie skaliere ich auf meinem MAC eine Website richtig? im Forum Web-Design.

  1. metty

    metty Thread Starter Mitglied

    Beiträge:
    200
    Zustimmungen:
    4
    Mitglied seit:
    16.11.2004
    Ich hab da eine Frage.
    Bisher hab ich immer mit meiner DOSe und einem 17" CRT-Monitor Webseiten auf diese Größe angepasst. Doch jetzt mit meinem neuen iMAC G5 mit 17" TFT der eine Auflösung von 1440x xxx schafft ist das nicht mehr so einfach.

    Wie kann ich jetzt das ganze so richtig anpassen, das es auf dem 17" Monitor (unter Windows) immer noch richtig aussieht? Also z.B. die Überschrift genau mittig ist und eine Menüleiste erscheint ohne das ein Rollbalken auftaucht oder das einfach alles wie für dne 17"er aussieht?
    Reicht es, den Browser unter OS X auf die richtige Größe zu trimmen? Gibt es ein Programm mit dem ich unter OS X den Browser auf die richtig Größe bringen kann? Oder gibt es einen ganz anderen Weg, den ich noch nicht bedacht habe? Bzw. wie macht Ihr das so?

    Bin für Infos sehr dankbar.

    frohe Weihnachten!!
     
  2. Hallo,

    also wenn die Webseite unter der Prämisse "Gutes Webdesign" gecodet wurde kannst du einfach mit "Apfel +" und "Apfel -" die Schriftgrösse verkleinern/vergrössern und so die Webseite auf die Größe deines Displays skalieren.


    Gruss

    Retrax
     
  3. hannizkaos

    hannizkaos Mitglied

    Beiträge:
    776
    Zustimmungen:
    1
    Mitglied seit:
    31.07.2004
    Du gestaltest Websites und weiss das nicht? Hmmm....

    Die Kontrolle über das Browserfenster übt der Benutzer aus, du solltest es vermeiden über Javascripts darauf Einfluss zu nehmen!

    Mit Cascading Style Sheets kommst du ans Ziel.
     
  4. cla

    cla Mitglied

    Beiträge:
    2.965
    Zustimmungen:
    128
    Mitglied seit:
    24.10.2003
    Du machst den Fehler, Webseiten an Auflösungen und Monitore anzupassen, und stellst jetzt fest, das das ja gar nicht klappen kann, weil jeder einen anderen Monitor und eine andere Auflösung besitzt.
    Arbeite UNABHÄNGIG von Auflösungen, dann wird die Webseite immer gut aussehen; Egal welcher Monitor zur Betrachtung herangezogen wird.

    Ich vermute, du arbeitest Pixelorientiert. Arbeite Prozent-Orientiert, und du hast das Problem nicht mehr.

    Wie erstellest du deine Webseiten?

    cla
     
  5. Katana

    Katana Mitglied

    Beiträge:
    989
    Zustimmungen:
    0
    Mitglied seit:
    30.08.2004
    oder geht es dir eher darum, wie du seiten "richtig" im 4:3-verhältnis dar-/erstellst?
     
  6. metty

    metty Thread Starter Mitglied

    Beiträge:
    200
    Zustimmungen:
    4
    Mitglied seit:
    16.11.2004
    Nein ich mach das nicht professionell, aber ich muss für unseren Verein eine Seite machen und da ich jetzt den MAC hab, bin ich halt auf das Problem gestoßen.
     
  7. metty

    metty Thread Starter Mitglied

    Beiträge:
    200
    Zustimmungen:
    4
    Mitglied seit:
    16.11.2004
    Ich arbeite schon Prozentorientiert, aber im aktuellen Fall hab ich das Problem, das ich eine Seitenleiste hab, die unter IE, unter Windows genau das Browerfenster ausfüllen, jedoch auf dem MAC nur noch 3/4 des Bildschirms, weil die Pixel nicht "ausreichen" was klar ist.
     
  8. altobelly

    altobelly Mitglied

    Beiträge:
    1.424
    Zustimmungen:
    0
    Mitglied seit:
    19.12.2004
    Genau meine Meinung.
    Seiten die einen das Browserfenster vergrößer bzw. verkleiner sind nicht grade beliebt :rolleyes:

    CSS sollte hier kein Fremdwort bleiben, und um weiterzumachen würde ich dir das wärmstens ans Herz legen....
     
  9. Wenn Du uns die URL nennst könnte man evtl. mehr dazu sagen.


    Gruss

    Retrax
     
  10. metty

    metty Thread Starter Mitglied

    Beiträge:
    200
    Zustimmungen:
    4
    Mitglied seit:
    16.11.2004
    Die Seite ist momentan nicht online, sondern auf meinem Websever daheim.
     
  11. metty

    metty Thread Starter Mitglied

    Beiträge:
    200
    Zustimmungen:
    4
    Mitglied seit:
    16.11.2004
    Ich habe mit der seite selber keine Problem, der Text usw. passt ja alles.
    Das Problem sind eher die Grafiken. Wie kann ich das machen, das ich Grafiken an alle Auflösungen richtig anpassen kann? Denn wenn ich eine Grafik z.B. 2000 pixel lang mach, dann schaut die unter 1024 nicht so aus wie unter 1440 usw.
    Mein Problem liegt eher bei der Größe von Bildern und Grafiken.
     
  12. Du kannst Grafiken auch relative Größenangaben verpassen, dann wachsen diese mit wenn der User bei sich die Schriftgröße ändert.

    Mittels CSS kannst du z.b. eine Hintergrundgrafik einbinden, und da dann z.b. ein Wiederholen derselben einschalten. Damit kannst du dann Flächen füllen.


    Gruss

    Retrax
     
  13. Pauermäck

    Pauermäck Mitglied

    Beiträge:
    617
    Zustimmungen:
    1
    Mitglied seit:
    22.11.2003
    und was machen user, die z.b. ein altes ibook haben, das nur 800x600px anzeigen kann? die scrollen sich bei den bildern doch einen heissen!

    solche riesigen bilder in eine website zu integrieren ist schwachsinn. ich optimiere seiten immer auf 800x600 pixel, damit ALLE die website ohne problem anschauen können (auch wenn nur wenige mit dieser kleinen auflösung arbeiten).
     
  14. ColoredScy

    ColoredScy Mitglied

    Beiträge:
    78
    Zustimmungen:
    0
    Mitglied seit:
    15.01.2004
    bezüglich auflösung: schau dir mal das an.
     
  15. metty

    metty Thread Starter Mitglied

    Beiträge:
    200
    Zustimmungen:
    4
    Mitglied seit:
    16.11.2004

    Das mit den 2000 Pixeln war nur ein Beispiel, natürlich mach ich das nicht, wär ja auch ein schwachsinn... Aber ich wollte es etwas überspitzt rüberbringen.
     
  16. Da kann ich auch die Webdeveloper Tools für den FireFox empfehlen.

    Man kann damit das Fenster automatisch auf verschiedene Größen resizen lassen, CSS ausschalten, Blockelemente highlighten usw...

    Sehr nützlich wie ich finde.

    Link:

    https://addons.update.mozilla.org/extensions/moreinfo.php?application=firefox&version=1.0&os=MacOSX&category=Developer Tools&numpg=10&id=60


    Gruss

    Retrax
     
  17. metty

    metty Thread Starter Mitglied

    Beiträge:
    200
    Zustimmungen:
    4
    Mitglied seit:
    16.11.2004
    Wiederholung schön und gut, aber wie kann man mit CSS unsymetrische Grafiken mit Schlagschatten usw. wiederholen? Das funktioniert nicht so einfach, denke ich?
     
  18. hannizkaos

    hannizkaos Mitglied

    Beiträge:
    776
    Zustimmungen:
    1
    Mitglied seit:
    31.07.2004
    Was genau meinst du mit unsymetrisch? Stell doch mal online. Bilder sagen mehr als tausend Worte. Da kann man leichter erkennen was du erreichen willst.
     
  19. crab

    crab Mitglied

    Beiträge:
    5.904
    Zustimmungen:
    827
    Mitglied seit:
    07.02.2004
    Bilder würde ich nicht so einbauen, dass sie skalierbar sind (wusste gar nicht dass das geht) weil sonst überraschende Effekte auftreten können.

    Du musst dich entscheiden bis zu welcher Bildschirmauflösung dein kompletter Grafikinhalt ohne zu scrollen komplett sichtbar ist. Surfer mit kleinerer Auflösung müssen dann halt scrollen, Surfer mit größerer Auflösung haben einen Rand. Wenn du deine Seite zentrierst, ist der Rand dann ringsrum gleichmäßig verteilt und macht sich besser. Passt du deine Seite an eine VGA-Aufkösung an, muss keiner scrollen - das kann auf großen Monitoren mit hoher Auflösung aber briefmarkenmäßig aussehen.

    Den Kompromiss musst du selbst suchen und finden.

    Außerdem hat dein Problem nichts mit Mac/Dos bzw. Explorer/Safari o.Ä. zu tun sondern nur mit unterschiedlichen Bildschirmauflösungen.
     
  20. Faser

    Faser Mitglied

    Beiträge:
    1.024
    Zustimmungen:
    0
    Mitglied seit:
    20.08.2003
    Unsymetrische Grafiken mit Schlagschatten = bspw. normale Fotos?

    Grundsätzlich kannst du alle Bilder mittels CSS repeaten:
    Code:
    element {
       background-image: url('bild.jpg');
       background-repeat: repeat;
    }
    Mit "repeat-x" bzw. "repeat-y" kannst du in nur eine bestimmte Richtung wiederholen lassen, mit "no-repeat" kannst du es komplett verhindern.
     
Die Seite wird geladen...
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Akzeptieren Weitere Informationen...