Hintergrund vergrößern

[Maz]

Moinsen,

Ich habe ein Problem mit den verschiedenen Auflösungen auf meiner Homepage. Eigentlich habe ich alles für alle Auflösungen optimiert, nur da ist die Sache mit dem Hintergrund:

<span class="sup">Punkt1</span>
  <div>
   <ul>
   <li><a href="?">Punkt1.1</a></li>
   <li><a href="?">Punkt1.2</a></li>
   <li><a href="?">Punkt1.3</a></li>
   </ul>
  </div>

  
das ist nicht valide: Ein span (=Inlineelement) darf kein Blockelement (hier <ul> und <div>) enthalten. Zudem ein <ul> alleine da ausreichen sollte. Dies in ein DIV zu verschachteln ist nicht unbedingt nötig.  
  

> Einem span wird also ein Hintergrundbild zugewiesen, das genau 150px breit ist. Das span fasst also das gesamte Hintergrundbild auf.  
> Wenn ich jetzt die Auflösung ändere, dann wird das Hintergrundbild natürlich größer und zerstört mein Design.  
  
sicher? das Hinterundbild ist nicht skalierbar. Wenn der span mit 150px Breite fixiert ist, bleibt das so, egal wie gross ich das Browserfenster mache.  
  

> Gibt es eine Möglichkeit, ein Hintergrundbild mit einer relativen Breite auszustatten? Wenn nicht, gäbe es eine Alternative?  
  
nein. HIntergrundbilder sind (bislang) nicht skalierbar. Kacheln, also wiederholen in x und/oder y-Richtung geht aber. Dazu muss die Grafik natürlich geeignet sein.  

-- 
cu,  
Maz