Forum PHP.pl > [CSS]Pomoc z rozmiarem tla w css

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS]Pomoc z rozmiarem tla w css

Blon_

16.03.2010, 12:09:55

Witam

jestem początkujący jeśli chodzi o cssa dlatego z góry proszę o wyrozumialość. Mam problem. Chciał bym zrobić tak aby tło strony automatycznie dopasowywalo się do rozmiaru przeglądarki. Wydaje się to być banalne ale kombinują we wszystkie strony no i nie wiem co robię źle. Wpisywałem w wysokość i szerokość auto i też nie działa.. jestem pewny że to coś prostego. Załóżmy że mam tylko jednego diva i mam same tło i nic więcej. Z góry dzięki za podpowiedź

Kod

#header {
height: 1000px;
width: 2000px;
background: url(tlo.jpg) no-repeat;
}

wookieb

16.03.2010, 12:33:30

Dopasowało to dużo powiedziane.
Jeżeli chodzi o przeskalowanie to od razu odradzam taki pomysł.
Jeżeli chodzi o dobranie rozmiaru div zawierającego ten obrazek to musisz pokazać więcej kodu. Najlepiej wystaw to na live, wtedy nikt nie będzie miał problemu z modyfikacją.

Blon_

17.03.2010, 12:18:08

hmm chciałbym zrobić mniej więcej coś takiego TUTAJ żeby te kartki były wyśrodkowane i żeby nie zmieniały swojego rozmiaru miały stały rozmiar ale żeby tło dopasowywało się automatycznie do przeglądarki. Jeśli chodzi o więcej kodu to go nie mam bo chyba tło głównego diva to początek..

i nikt nie podpowie jak to zrobić..

kamil_lk

17.03.2010, 13:57:38

index.html

[HTML] pobierz, plaintext 
<body>
<div id="kartka">asdasd asd asd asd asd</div>
</body>
[HTML] pobierz, plaintext

style.css

[HTML] pobierz, plaintext 
BODY {
     background: url(adres_pliku.jpg);
     background-repeat: repeat;
}
 
#kartka {
     background: url(adres_do_kartki.jpg);
     width: szerokosc_kartki;
     height: wysokosc_kartki;
     margin: 0 auto;
}
[HTML] pobierz, plaintext

tak na szybko

krzysztof_kf

17.03.2010, 18:47:21

więcej konkretów tło ustawiasz za pomocą

Kod

body {
background: url(twojetlo.png) repeat;

Jeśli chcesz wycentrować jakiś dość duży obrazek o stałej szerokości i wysokości to wstaw po prostu jakiś selektor z danym obrazkiem np

Kod

#selektor {
width: //twoja szerokość obrazka
height: //twoja wysokość obrazka
margin: 0 auto; //Przy tym atrybucie będziesz miał dany obrazek wyśrodkowany pod każdą przeglądarkę

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.