Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS] Zanikający background
gregi1
post
Post #1





Grupa: Zarejestrowani
Postów: 134
Pomógł: 0
Dołączył: 24.03.2007

Ostrzeżenie: (0%)
-----


Mam problem chodzi mianowicie o to, że wyświetla mi się jakiś dziwny background w prawym sidebarze.

Jak lewa strona jest krótka to jest ok, ale jak już jest dluższa i prawy sidebar się kończy w pewnym momencie to wyświetla się pod nim dziwne tlo i nie mam pojęcia z czego to jest tlo i jak moge je przykryć takim jakie jest ustawione w prawym sidebarze.

Mam nadzieję, że mi ktoś pomoże.

Adres stronki z przykladem:
http://dev.typowyfacet.pl/2010/06/18/hello-world/#comments


--------------------
Go to the top of the page
+Quote Post
mortus
post
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

Ostrzeżenie: (0%)
-----


Jest to po prostu background ramki (<div>) o identyfikatorze #frame. CSS z Twojej strony:
  1. #frame {
  2. background-image: url("images/main.jpg");
  3. background-repeat: repeat-y;
  4. margin: 0 auto;
  5. padding: 0;
  6. text-align: left;
  7. width: 1024px;
  8. }

Zobacz jak wygląda plik main.jpg z katalogu images.
Go to the top of the page
+Quote Post
gregi1
post
Post #3





Grupa: Zarejestrowani
Postów: 134
Pomógł: 0
Dołączył: 24.03.2007

Ostrzeżenie: (0%)
-----


Dzieki faktycznie, myslalem ze podpiałem tam inne tlo.

I jeszcze jedno pytanie, w FF zawsze strona jest odsunieta od gory, przy ustawieniu margin na auto, aby tez byla odsunieta po bokach rowno. Na gorze jest tlo ktorego nie powinno byc. Moj obrazek header'a ma juz kawalek koloru aby strona nie zaczynala sie od samej gory. Jak to poprawić w FF bo np. w Safari wyglada ok.


--------------------
Go to the top of the page
+Quote Post
mortus
post
Post #4





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

Ostrzeżenie: (0%)
-----


Ja nie mam żadnego dodatkowego odstępu. Kod CSS:
  1. #header {
  2. background-image: url("images/header.jpg");
  3. height: 275px;
  4. margin: 0 auto;
  5. padding: 0;
  6. width: 1024px;
  7. }

Wysokość obrazka jest równa wysokości elementu #header i ma 275px. Możesz ewentualnie zmanipulować troszkę wysokość i pozycję tła, np.:
  1. #header {
  2. background-image: url("images/header.jpg");
  3. background-position: center bottom;
  4. height: 250px;
  5. margin: 0 auto;
  6. padding: 0;
  7. width: 1024px;
  8. }


Ten post edytował mortus 6.08.2011, 22:47:16
Go to the top of the page
+Quote Post
gregi1
post
Post #5





Grupa: Zarejestrowani
Postów: 134
Pomógł: 0
Dołączył: 24.03.2007

Ostrzeżenie: (0%)
-----


No własnie wyświetlanie powinno się zacząć od obrazka headera, a FF jeszcze dodaje jakiś swój odstęp.

Na obrazku to o co mi chodzi.



--------------------
Go to the top of the page
+Quote Post
mortus
post
Post #6





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

Ostrzeżenie: (0%)
-----


U mnie tego nie ma w FF, IE8 i Google Chrome.

Uploaded with ImageShack.us

Wyczyść cache, może to jakaś zaszłość. Oczywiście chodzi mi o cache przeglądarki. Ewentualnie zainstaluj sobie Firebug'a dla Firefox'a i prześledź kod HTML i CSS.

Ten post edytował mortus 6.08.2011, 23:10:17
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 01:19