Dopasowanie tła do wysokości strony-rozdzielczości ekranu

#1 bpc

Nowicjusz

Grupa Użytkownik
Postów 23
Rejestracja 17 sie 09

Napisano 16 marzec 2010 - 21:15

Witam,

Tak jak w temacie, potrzebuję uzyskać efekt taki jak na tej: www.taniec.com.pl stronie. Wysokość mojej strony to nie całe 600 px. Tło strony ma inny kolor niż stopka, a chciałbym aby do końca okna przeglądarki kolor był taki sam jak kolor stopki. Utrudnia to fakt że użytkownicy mają różną rozdzielczość ekranu. Proszę o pomoc.

Strona 1 z 1

Nie możesz napisać tematu
Dodaj odpowiedź

Odpowiedzi do tego tematu

#2 Session

Bywalec

Grupa Użytkownik
Postów 239
Rejestracja 23 lut 09
MiejscowośćTarnów

Napisano 16 marzec 2010 - 21:40

Jeśli strona ( właściwie jej tło ) zaczyna się od samej góry i jest rozciągnięta od lewej do prawej krawędzi przeglądarki to wszystko pakujesz w div, któremu nadajesz tło takie jakie ma teraz twoja strona. Natomiast do body przypisujesz tło stopki:
CSS:

body{
background:kolorstopki;
}
#all{
background:tlostrony;
height:600px;
width:100%;
}

i HTML:

<body>
<div id="all">
... tutaj zawartość strony, która przedtem była w body ...
</div>
</body>

No i po co to czytasz ?
Pomocy na PW i GG nie... a zresztą kto by chciał mojej pomocy... ;)

#3 bpc

Nowicjusz

Grupa Użytkownik
Postów 23
Rejestracja 17 sie 09

Napisano 16 marzec 2010 - 22:03

niestety to rozwiązanie wydłuża stronę o wartość

#all{
background:tlostrony;
height:600px;
width:100%;
}

height - w tym przypadku 600 px i w oknie przeglądarki pojawia się scroll.

#4 Session

Bywalec

Grupa Użytkownik
Postów 239
Rejestracja 23 lut 09
MiejscowośćTarnów

Napisano 16 marzec 2010 - 22:06

Nie bardzo rozumiem wydłuża w pionie ? Jeśli tak to usuń z innego elementu to 600px, a pozostaw tylko w all, albo nie dodawaj tego w all, a zostaw w tym drugim elemencie. Pamiętaj, że wszystko pakujesz w ten div all, nic nie ma być poza nim, bo wtedy powstanie przerwa, albo strona się wydłuży.

No i po co to czytasz ?
Pomocy na PW i GG nie... a zresztą kto by chciał mojej pomocy... ;)

#5 bpc

Nowicjusz

Grupa Użytkownik
Postów 23
Rejestracja 17 sie 09

Napisano 16 marzec 2010 - 22:20

Gdy usunę ten parametr, to od samej góry mam kolor stopki. Tak KLIK to wygląda.

#6 Session

Bywalec

Grupa Użytkownik
Postów 239
Rejestracja 23 lut 09
MiejscowośćTarnów

Napisano 16 marzec 2010 - 22:30

No to w takim razie ten kod powinien być dobry. Dla body ustalasz tło stopki. W all umieszczasz ten nagłówek, stopkę, div w którym jest to co jest pod tym nagłówkiem, a dla all stosujesz inny kolor tła.

Przykład:
CSS:

html, body{
min-height:100%;
}
body, #stopka{
background:kolor;
}
#all{
width:100%;
background:kolor2;
}

HTML:

<body>
<div id="all">
<div id="naglowek"></div>
<div id="zawartosc"></div>
<div id="stopka"></div>
</div>
</body>

No i po co to czytasz ?
Pomocy na PW i GG nie... a zresztą kto by chciał mojej pomocy... ;)

#7 bpc

Nowicjusz

Grupa Użytkownik
Postów 23
Rejestracja 17 sie 09

Napisano 17 marzec 2010 - 17:04

No wielkie dzięki, bo stopka już wygląda OK przy każdej rozdzielczości. Ale pojawił się taki szczegół który chciałbym wyeliminować.
Dodaje foty:
OK: Bez ramki ; Po zmianach: Z 8 px ramką
strona znajduje się w ramce którą tworzy div "all" jak się jej pozbyć ??

Nieaktualne/ Problem rozwiązany. Jeszcze raz wielkie DZIĘKI !!!

#8 bpc

Nowicjusz

Grupa Użytkownik
Postów 23
Rejestracja 17 sie 09

Napisano 19 marzec 2010 - 16:23

Znowu mam problem, teraz ze znacznikiem border. Nie umiem znaleźć miejsca problemu.
Strona powinna wyglądać tak: dobrze
A po dodaniu do zdjęć linków do okoła nich pojawiły się obramowania: źle . Proszę o pomoc w lokalizacji znacznika który usunie obramowanie.