TOPIC: CSS - Sliding Door - Variable Grafikbreiten

Oft ist es ärgerlich, wenn man Homepages baut, das man auf verschiedene Bildschirmauflörungen der User achten muss...Von 800x600 bis 1680x1050 ist alles dabei.
Was auf der einen Auflösung toll aussieht, sieht bei der nächsten gestreched oder gestaucht aus...

Abhilfe schaffen Arbeitsweisen mit so genannten Sliding doors. Die Breite der Grafik passt sich den Auflösungen an. Ist nicht ganz einfach mit diesem Stil zu arbeiten, aber dennoch effektiv:

• 1. Horizontal-Navigation mit gleitenden Hintergründen:
  
  
  
  www.thestyleworks.de/tut-art/listnav3.shtml
  
  
  
• 2. Komplette grafische Element über die ganze Seite strecken; Runde und andere Ecken mit Sliding Doors:
  www.css-technik.de/2003/11/19/runde-und-...n-mit-sliding-doors/
  
  
• 3. Variable Grafiken mit nur einer Quelle:
  Wirklich eine gelungene Anleitung (leider Englisch) die sehr effektif arbeitet; CSS Sliding Door using only 1 image:
  
  
  
  
  
  
  
  kailoon.com/css-sliding-door-using-only-1-image/
  
  
  
• 4. Das gleiche gibt es auch für Buttons:
  
  
  
  www.keasone.de/development/2007-05/css-buttons-erstellen-sexy