[CSS] srodkowanie div Opcje

[-falic-]

Jak przy zwiększaniu okna przegladarki, powiększyć tlo,. Mam obrazek i chce zeby się on rozciągał na całe okno oraz elementy w nim zawarte były zawsze na srodku.

[Kshyhoo]

Pierwsza rzecz, to centrowanie całości layoutu:

[CSS] pobierz, plaintext 
* {
margin: 0 auto;
}
[CSS] pobierz, plaintext 

A rozciągnięcie obrazka? To nie łatwe. Spróbuj nadać background'owi szerokość 100% - ale nie dam sobie za to głowy uciąć.
Może spróbuj tak:

[CSS] pobierz, plaintext 
div {
    background-image: url(plasma.png);
    background-size: 100%;
    background-origin: content
}
[CSS] pobierz, plaintext 

Ten post edytował Kshyhoo 26.11.2011, 12:49:36

[-gosc-]

ale element na tym obrazu ma byc centralinie:
jak daje position:absolute top:50%, left:50%; to centruje do okna przegladarki a nie wzgledem tła.,
rozciaganie tez nie dziaała

Pierwsza rzecz, to centrowanie całości layoutu:

[CSS] pobierz, plaintext 
* {
margin: 0 auto;
}
[CSS] pobierz, plaintext 

A rozciągnięcie obrazka? To nie łatwe. Spróbuj nadać background'owi szerokość 100% - ale nie dam sobie za to głowy uciąć.
Może spróbuj tak:

[CSS] pobierz, plaintext 
div {
    background-image: url(plasma.png);
    background-size: 100%;
    background-origin: content
}
[CSS] pobierz, plaintext 

[Kshyhoo]

1. nie cytuj całych wypowiedzi poprzednika, są przecież dobrze widoczne.
2. pokaż swój kod.

[-gosc-]

.BgPage {
background-image:url(image/bg.png);
background-repeat:no-repeat;
width:1200px;
height:900px;
background-size: 100%;
background-origin: content;
}
.Content {
width:512px;
height:569px;
border-right:2px solid #dedede;
border-bottom:2px solid #dedede;
position:absolute;
top:30%;
left:30%;
}