Cześć, piszę małą platformę katalogu w php i jak zwykle mam problem z tym, gdzie mam braki w wiedzy czyli z CSS'em ...
Mam coś takiego:
.bg {
background-image:url('../katalog/images/tlo.png');
position: fixed;
/* ratio */
min-width: 100%;
min-height: 100%;
}
position: fixed; powoduje, że strona nie chce się scrollować natomiast jak go usunę to są widoczne marginesy w rogach na stronie, jest jakiś zamiennik do tego?
Proszę o pomoc :)
Dajesz tą klasę na <body>? Jeśli nie - to daj tam (o ile chcesz mieć tło na całej stronie). Poza tym jak Ci gdzieś marginesy wskakują to daj dla .bg margin:0;
Strona nie chce Ci się scrollować - czy masz wystarczająco dużo treści na tej stronie żeby było co scrollować? Ustawienie position:fixed nie powoduje że tło, (które może być wyższe niż wysokość dostępna na ekranie) pojawi się w całości.
Tak tak mam w body
<div class="bg"> i na końcu strony </div>
Do tego wyżej dałem jeszcze:
background-image:url('../katalog/images/tlo.png');
position: fixed;
top: 0;
left: 0;
/* ratio */
min-width: 100%;
min-height: 100%;
}
Niestety bez zmian..
Tak mam wystarczająco dużo treści aby się ona scrollowała, i scrolluje się dopiero po usunięciu position: fixed;
@ edit
troszkę zmieniłem, usunąłem tego div'a i teraz mam tak:
body {background-image:url('../katalog/images/tlo.png');
position: fixed;
top: 0;
left: 0;
/* ratio */
min-width: 100%;
min-height: 100%;
}
Problem rozwiązany usunąłem fixed i dałem top: 0px i left: 0px i poszło :)