hintergrund großziehen

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas
stargate

stargate hat kostenlosen Webspace.
14:44, 25.2.2010
hallo, ich mache gerade eine homepage und da möchte ich ein Hintergrundbild einfügen.

jetzt möchte ich das Bild größer machen, habe da schon herumgebastelt, funktioniert aber nicht

kann mir bitte jemand helfen, es ist bestimmt nur ein winziger fehler drin

hier ist der code:
```
body
{
  margin: 0 auto;
  padding: 0;
  background-color: #000000;
  background-image: url('../images/Page-BgTexture.jpg');
  width: 100%;
  high: 20000%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-attachment: absolute;
  background-position: center center;

}
```
lg Flatscha
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
color

color hat kostenlosen Webspace.
15:04, 25.2.2010
Hi,

also mit css 1/2 ist es wohl noch nicht möglich Hintergrundbilder zu vergrößern.

Allerdings hast du auch ein CSS fehler:
```
high: 20000%;

/* Versuch es mit */

height:20000%;
```
Wenn du ein hintergrundbild auf 100% bringen willst versuch es so:
```
<body>
<img id="background" .../>
</body>
```
CSS:
```
body{
width:100%;
height:100%;
overflow:hidden;
}

img#background{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
```
man kann halt nicht scrollen wegen IE.
Aber als Lösungsansatz villeicht denkbar. Auch wenn ich dir davon abrate.

Grüsse
Color
Autor dieses Themas
stargate

stargate hat kostenlosen Webspace.
22:01, 25.2.2010
danke, jetzt funzt es es war nur wegen dem height

jetzt hab ich ein anderes problem, ich möchte dass dieses bild scrollt, aber ich hab jetzt keine ahnung wie ich das machen soll
```
.Sheet-cc
{
  position: fixed;
  overflow: hidden;
  
  background-repeat: no-repeat;
  z-index: -2;
  top: 180px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-position: center center;
  background-image: url('../images/Sheet-c.png');
}
```
danke schon mal im voraus
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city

hintergrund großziehen

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!