deadmoon: Grafik an Browserauflösung anpassen.

SELF-Forum

Grafik an Browserauflösung anpassen.

deadmoon
– Informationen zu den Bewertungsregeln

hi,

ich habe ja jetzt viel rumgebastelt und versucht. Habe ein schickes layout in 800x600 gezeichnet. das Problem was ich nun habe ist das es optisch echt schick anzusehen ist jedoch sich nicht auf die jeweiligen browsergrößen "Streckt"

kann mir da evtl jemand nen wink geben wie ich die grafik so anpasse das sie sich der jeweiligen browsergröße anpasst ?

Gruß Alex

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Grafik an Browserauflösung anpassen.

    suit Homepage des Autors
    – Informationen zu den Bewertungsregeln

    kann mir da evtl jemand nen wink geben wie ich die grafik so anpasse das sie sich der jeweiligen browsergröße anpasst ?

    Best practice ist für sowas momentan Flash - und vorzugsweise ActionScript 3 darunter sind die Skalierungsalgorithmen extrem schlecht und auch langsam.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Grafik an Browserauflösung anpassen.

    Deus Figendi
    – Informationen zu den Bewertungsregeln

    hi,

    ich habe ja jetzt viel rumgebastelt und versucht. Habe ein schickes layout in 800x600 gezeichnet. das Problem was ich nun habe ist das es optisch echt schick anzusehen ist jedoch sich nicht auf die jeweiligen browsergrößen "Streckt"

    kann mir da evtl jemand nen wink geben wie ich die grafik so anpasse das sie sich der jeweiligen browsergröße anpasst ?

    Okay, die Beschreibung ist etwas dürftig, aber ich habe folgendes verstanden:
    Du hast ein Layout _gezeichnet_ (auf Papier und gescannt oder direkt digital, jedenfalls liegt es als Grafik-Datei vor).
    Diese Grafik möchtest du über den Browser gestreckt wissen.
    Also:

    <!DOCTYPE HTML>  
<html>  
 <head>  
  <title>Gestrecktes Layout</title>  
  <style type="text/css">  
   img {  
    display:block;  
    width:100%;  
   }  
  </style>  
 </head>  
 <body>  
  <img src="./layout.png" alt="Layout" />  
 </body>  
</html>

    Getestet in K-Meleon 1.02 (Gecko-engine)

    --
    sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln