michael_ou: browserbreites fenster + sonstige bilder

hallo

ich bastle gerade an meiner eigenen webseite und ich hab ein problem und hoffe ihr könnt mir helfen.

ich habs heute geschafft, dass mein hintergrundbild das ganze browserfenster immer einnimmt.

  
img {  
		position: fixed;  
		z-index:-1;  
		top: 0pt;  
		left: 0pt;  
		height:100%;  
		width:100%;  
		border:0px;  
		margin:0px;  
}

ich hab dann das hintergrundbild einfach in den body im html-objekt gesteckt

  
<body>  
  
<img width="800" heigth="602" border="0" alt="" src="bilder/bg8.jpg"/>

das klappt wunderbar. aber jetzt, wenn ich in die webseite andere bilder einfügen will, nimmt es ein bild als hintergrund von denen.

wie kann ich das problem lösen?
danke schon im vorraus

  1. Hi Michael

    das klappt wunderbar. aber jetzt, wenn ich in die webseite andere bilder einfügen will, nimmt es ein bild als hintergrund von denen.
    wie kann ich das problem lösen?

    In dem du dir die Bedeutung des Worts "Hintergrundbild" klar machst.

  2. Om nah hoo pez nyeetz

    Es gibt background-image. Ich glaub, das hilft.

    Matthias

    1. Om nah hoo pez nyeetz
      Es gibt background-image. Ich glaub, das hilft.

      does not scale!

      mfg Beat

      --
      ><o(((°>           ><o(((°>
         <°)))o><                     ><o(((°>o
      Der Valigator leibt diese Fische
  3. ich hab dann das hintergrundbild einfach in den body im html-objekt gesteckt

    das klappt wunderbar. aber jetzt, wenn ich in die webseite andere bilder einfügen will, nimmt es ein bild als hintergrund von denen.
    wie kann ich das problem lösen?

    Beschäftige dich mit id Attributen für HTML und ID Selektoren für CSS.

    http://de.selfhtml.org/css/formate/zentrale.htm#individualformate

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische
    1. Beschäftige dich mit id Attributen für HTML und ID Selektoren für CSS.

      http://de.selfhtml.org/css/formate/zentrale.htm#individualformate

      das hab ich gemacht, aber jetzt erscheint mir gar kein hintergrund bild mehr. :( das bild kommt aber

        
      <div id="bg" img width="800" heigth="450" border="0" alt="" src="bilder/bg8.jpg"/>  
      
      
        
      #bg {  
      		position: fixed;  
      		z-index:0;  
      		top: 0pt;  
      		left: 0pt;  
      		height:100%;  
      		width:100%;  
      		border:0px;  
      		margin:0px;  
      }