Watt
18.07.2010, 20:02:44
Witam,
Mam pytanie, ustawiłem szerokość diva na 100%, a dalej został margines kilkupixelowy, znalazłem rysunek, który odpowiada mojej sytuacji:
http://yfrog.com/nezzzzzj . Jak zrobić, żeby ten div zajmował 100% strony (nie używając position absolute)?
kapuch
18.07.2010, 20:04:20
sproboj nadac body margines 0
body { margin: 0px; }
krzysztof_kf
18.07.2010, 20:04:56
Dodaj do css
body {
margin: 0px;
padding: 0px;
}
Watt
18.07.2010, 20:06:46
Problem jest w tym, że koniecznie chce mieć to na divie nie na body.
kapuch
18.07.2010, 20:08:37
co chcesz miec na divie?
Przeciez body to calosc dokumentu!
Ale jak juz to sproboj z minusowym marginesem dla tego diva.
Watt
18.07.2010, 20:12:22
Jak zminusuje to utnie mi z prawej strony. Tak wiem, że całość dokumentu ale ja musze zastosować jakby dwa tła - do 1000 px wysokości pierwszy obrazek sie powtarza repeat-x, poniżej 1000 px wysokości inny obrazek repeat-y.
krzysztof_kf
18.07.2010, 20:17:21
Czemu nie chcesz zrobić tego za pomocą body
Watt
18.07.2010, 20:25:35
A da sie zrobić coś takiego - jeden obrazek powtarzać poziomo do 1000px a drugi pionowo po 1000 px?
krzysztof_kf
18.07.2010, 20:28:23
robisz dwa selektory o stałej szerokości np.
#pierwszy {
width: 1000px;
background: url(obrazek.png) repeat-x;
}
#drugi {
width: 1000px;
background: url(obrazek.png) repeat-y;
}
Watt
18.07.2010, 20:35:07
Zle mnie zrozumiałeś, bo problem jest z tym, że to ma być do 1000px wysokości, nie szerokości spróbuje na rysunku to przedstawić
http://yfrog.com/9ezzzzzej - kolory reprezentują obrazki, które mają się powtarzać.
Pomaranczowo-zielony powtarza się z lewej do prawej, niebieski od góry do dołu.
kapuch
18.07.2010, 20:40:59
To wytnij to po calej wysokosci ale szerokosc 1-2px i zapisz jako gif, pozniej daj jakiegos diva z position:fixed; width:100% hegiht: 100%; i background: url(ten_obrazek.gif) repeat-x; i z-index: 0;
Pisze z palca, ale powinno byc ok.
Watt
18.07.2010, 20:48:59
Rozumiem, czyli inaczej sie nie da? Szkoda. Dziękuję za pomoc.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę
kliknij tutaj.