![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 1 190 Pomógł: 27 Dołączył: 23.04.2005 Ostrzeżenie: (0%) ![]() ![]() |
Kod CSS:
Kod #kontener { margin: 0 11%; padding: 0; background-image: url(../layout/tlo.gif); background-repeat: repeat-x; background-attachment: fixed; } #belka { margin: 0; background-image: url(../layout/belka.gif); width: 100%; height: 131px; } Kod HTML: Rozumiem, że wtedy długość strony będzie się dopasowywała. Ale jak tak zrobiłem to na samej górze strony jest trochę PUSTEGO miejsca. Próbowałem się tego pozbyć poprzez ustawienie marginesów ujemnych ale nie we wszystkich przeglądarkach to działa a pozatym czytałem, żeby lepiej nie stosować ujemnych marginesów. Pozatym chcę żeby tło nie przesuwało się razem z zawartością strony bo mam tło z gradientu i będzie widać PRZEJŚCIA.. Przejścia widać tylko pod IE i chyba operą a w firefoxie jest tak jak chcę. Już nie mam siły.. Jak się tego pustego obszaru pozbyć? |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 1 190 Pomógł: 27 Dołączył: 23.04.2005 Ostrzeżenie: (0%) ![]() ![]() |
@Moderator: Czy nie uważasz, że code46 przegina? To jest forum a nie targowisko..
Zajrzałem w kod i fragment, który jest odpowiedzialny za zakotwiczenie tła pod IE to: Kod @media screen { /* Don't do this at home */ * html { overflow-y: hidden; } * html body { overflow-y: auto; height: 100%; padding: 0 1em 0 14em; } * html div#fixedBox { position: absolute; } 1. Co znaczy @media screen ? Pierwszy raz się z czymś takim spotykam 2. Dlaczego powtarzają się definicje Kod * html
* html body[code] ? 3. Mam duży problem ze zgraniem tego z moim css. Czy ktoś może mi w tym pomóc? Rozjeżdża mi się wszystko pod IE :/ Mój poprawiony styl: [code] /* Styl główny */ /* Układ strony */ body { margin: 0; padding: 0; } #kontener { margin: 0px 11%; padding: 0; background-image: url(../layout/tlo.gif); height: 100%; background-repeat: repeat-x; background-attachment: fixed; } @media screen { * html { overflow-y: hidden; } * html body { overflow-y: auto; height: 100%; padding: 0 1em 0 14em; } * html div#kontener { position: absolute; } } #belka { margin: 0; padding: 0; background-image: url(../layout/belka.gif); width: 100%; height: 131px; } /* Reszta */ p { margin: 0; padding: 0; } |
|
|
![]() ![]() |
![]() |
Aktualny czas: 9.10.2025 - 21:02 |