Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] srodkowanie div
Forum PHP.pl > Forum > Przedszkole
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:
  1. * {
  2. margin: 0 auto;
  3. }

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:
  1. div {
  2. background-image: url(plasma.png);
  3. background-size: 100%;
  4. background-origin: content
  5. }
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
Cytat(Kshyhoo @ 26.11.2011, 12:47:40 ) *
Pierwsza rzecz, to centrowanie całości layoutu:
  1. * {
  2. margin: 0 auto;
  3. }

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:
  1. div {
  2. background-image: url(plasma.png);
  3. background-size: 100%;
  4. background-origin: content
  5. }

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%;
}
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.