Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

Dekert

Tło na całą szerokość nie wyświetla się całe z ustawionym height w body

Promowane odpowiedzi

Mam problem z szerokością, tło ma 1920px szerokości i nie wyświetla się całe.

 

Tutaj moja strona: Index of /

 

Tak to powinno wyglądać:  Imgur: The magic of the Internet

 

Nie zwracajcie uwagi na wielkość elementów ;p

 

Mój kod css

body {
   background-image: url("background.jpg");
   height: 2690px;
   background-repeat: no-repeat;
   background-position: center;
}

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Podaj może na jakiej rozdziałce pracujesz bądź jak to u ciebie jest, u mnie wygląda to tak i nie widzę problemu.

3221.png

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
5 minut temu, Vast napisał:

Podaj może na jakiej rozdziałce pracujesz bądź jak to u ciebie jest, u mnie wygląda to tak i nie widzę problemu.

3221.png

Wygląda to tak,  Imgur: The magic of the Internet

Dodam, że mam inna stronę o tej samej szerokości i wygląda u mnie dobrze.

Link nad moim avatarem.

Edytowane przez Dekert

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Dodaj do CSS 

 

body {    background-image: url("background.jpg");    height: 2690px;    background-repeat: no-repeat;    background-position: center; background-size:100% 100%; }

 

Będzie Ci skalować ale stracisz pewnie na jakości :) 

 

 

  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Zacznijmy od tego, że strona powinna być podzielona, nie rób tego jako 1 tło bo nie dość, że to nieprofesjonalne to tracisz czas na dodawaniu treści w odpowiednie miejsca i utrudnia to sytuacje takie jak tak, bo nie możemy użyć background-size ze względu na to, że skaluje się do wysokość całej strony i wygląda jak sprasowane. Rwd też cierpi, większe rozdziałki niż 1920px także. 

 

Podziel sobie to na header content i footer i dopiero wtedy zacznie to jakkolwiek prosperować.

 

Edit

 

@Wincode nie podawaj głupich rozwiązań nie znając jak wygląda kod.

 

I tak jak mówi @Shrek. skalować się będzie ale tak nie powinniśmy tego robić.

 

 

 

Edytowane przez Vast

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
22 minuty temu, Vast napisał:

Zacznijmy od tego, że strona powinna być podzielona, nie rób tego jako 1 tło bo nie dość, że to nieprofesjonalne to tracisz czas na dodawaniu treści w odpowiednie miejsca i utrudnia to sytuacje takie jak tak, bo nie możemy użyć background-size ze względu na to, że skaluje się do wysokość całej strony i wygląda jak sprasowane. Rwd też cierpi, większe rozdziałki niż 1920px także. 

 

Podziel sobie to na header content i footer i dopiero wtedy zacznie to jakkolwiek prosperować.

 

Edit

 

@Wincode nie podawaj głupich rozwiązań nie znając jak wygląda kod.

 

I tak jak mówi @Shrek. skalować się będzie ale tak nie powinniśmy tego robić.

 

 

 

Dodałem sobie header osobno i jak na razie tak to wygląda.

Imgur: The magic of the Internet

 

Css


.header {
   background-repeat: no-repeat;
   background-position: center;
}

 

Co brakuje? Bo coś na pewno ;p

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Utwórz konto

Utwórz konto. To darmowe i bardzo proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz już konto? Zaloguj się tutaj.

Zaloguj się teraz


×