Background immer 100%

Background immer 100%

Beitragvon Matce84 » 22.07.2010, 11:33

Bei manchen Seiten sieht man immer häufiger, dass das Hintergrundbild sich bei Größenänderung des Browserfensters proportional vergrößern/verkleinern.

siehe: http://www.autostadt.de/

Ich habe es auch fast hinbekommen, hier mein Link:
http://www.balzuweit.de/test3/

hier mal meinen code:
Code: Alles auswählen
body {
   margin: 0px;
}
#background{height: 100%;width: 100%;z-index:0;position:absolute;top:0px;}
#backgroundImg{height: 100%;width: 100%;z-index:0;position:absolute;}


Code: Alles auswählen
<body>
<div id="background">
<img src="hg_nacht.jpg" width="1024" height="768" border="0" id="backgroundImg" xwidth="1024" xheight="768" alt="background" title="background" />
</div>
</body>


Sieht leider nicht so gut aus wie bei der richtigen Seite.
Matce84
Gelegenheitsleser
 
Beiträge: 16
Registriert: 14.08.2009, 08:05

Re: Background immer 100%

Beitragvon Azra » 22.07.2010, 11:49

Die Webseite nutzt ein Javascript für die korrekte Darstellung.
Hier findest du alles was du wissen musst um es nachzumachen:

http://css-tricks.com/perfect-full-page-background-image/
“HTML is the language for describing the structure of Web pages.”
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
Benutzeravatar
Azra
Stammuser
 
Beiträge: 422
Registriert: 04.02.2010, 08:36
Wohnort: (Alten)bochum

Re: Background immer 100%

Beitragvon Matce84 » 22.07.2010, 12:58

Danke dir für die Hilfe...
Matce84
Gelegenheitsleser
 
Beiträge: 16
Registriert: 14.08.2009, 08:05


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Background immer 100%"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

cron