Gunnar Bittersmann: Body Grafik

Beitrag lesen

SELF-Forum

Body Grafik

Gunnar Bittersmann Homepage des Autors
– Informationen zu den Bewertungsregeln

@@Pina:

Kann man eine Body-grafik einbauen die sich je nach Fenstergröße verändert? Also bei Vollbild das Fester füllt und bei einem kleineren fester proportional verkleinert wird?

Hintergrundbilder lassen sich mit CSS 2 nicht skalieren.

Ein (etwas unschöner) Workaround wäre, das Bild als Inhalt einzubinden:

<!DOCTYPE html  
 PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"  

>  

<html  
 xmlns="http://www.w3.org/1999/xhtml"  
 xml:lang="und" lang="und"  

>  

 <head>  
  <title>TEST</title>  
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />  
  <style type="text/css">  
[code lang=css]html, body  
{  
 margin: 0;  
 padding: 0;  
}  
  
#bgImg  
{  
 position: absolute;  
 width: 100%;  
 height: 100%;  
}  
  
#content  
{  
 position: absolute;  
 padding: 2em;  
}

</style>
 </head>

<body>
  <img id="bgImg" src="TEST.gif" alt="" />
  <div id="content">
   <h1>Lorem ipsum</h1>
   <p>Lorem ipsum dolor sit amet.</p>
  </div>
 </body>
</html>[/code]

Live long and prosper,
Gunnar

--
Flughafen in Tempelhof
findet jeder Hempel doof.
Beitrag melden
–
Informationen zu den Bewertungsregeln