Forum PHP.pl > [css] background a marginesy

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css] background a marginesy

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Jarod

24.02.2006, 13:26:42

Mam 2 pytania:

1) Ustawiłem sobie tło ale chciałbym zostawić puste (białe pola) po lewej i prawej stronie (około 10%) i mam problem bo nie potrafię. Oto kod:

Kod

body {
      margin: 0 10% 0 10%;
      background-image: url(background.jpg);
      background-repeat: repeat-x;
      background-attachment: fixed;
}

Kod działa tak jakbym wogóle nie ustawił margin.. Czy da się to jakoś obejść?

2) Dlaczego jak dla znacznika body nie przypisze background-repeat: repeat-x; to i tak go powiela domyślnie (działa dopiero background-repeat: no-repeat; skutkuje) ?

revyag

24.02.2006, 13:30:40

1. Stwórz kontener z tłem. Nie wymarginesujesz body bo niby względem czego ? Body stoi najwyżej w hierarchii.
2. Domyślnie ustawiane jest powtarzania i po x i po y.

nospor

24.02.2006, 13:38:56

nie musisz w tytule pisac [css]. ale musisz dawac to wlasciwego dzialu, a u nas jest wlasnie dzial css. przenosze

Jarod

24.02.2006, 13:48:34

Cytat(revyag @ 2006-02-24 12:30:40)

1. Stwórz kontener z tłem. Nie wymarginesujesz body bo niby względem czego ? Body stoi najwyżej w hierarchii.
2. Domyślnie ustawiane jest powtarzania i po x i po y.

Ad1. Kontener? Dopiero poznaje css i nie wiem o czym piszesz. Mógłbys napisać więcej na ten temat?
Ad2. Rozumiem

revyag

24.02.2006, 13:58:05

No diva w którym będzie cała strona i będzie on wymarginesowany jak chcesz.

mike

24.02.2006, 13:59:59

[HTML] pobierz, plaintext 
<style type="text/css">
div#container {
    margin: 0 10% 0 10%;
    background-image: url(background.jpg);
    background-repeat: repeat-x;
    background-attachment: fixed;
}
</style>
 
<body>
 
<div id="container">
</div>
 
</body>
</html>
[HTML] pobierz, plaintext

Jarod

24.02.2006, 14:19:26

Nie działa. Dopiero jak wpisze jakiś tekst i tło rozciąga się tylko na tekst, tak jakby dopełnienie w ramce..

Czy można używać samo

[HTML] pobierz, plaintext 
<div id="container">
</div>
[HTML] pobierz, plaintext

bez tekstu, tylko po to, żeby wypozycjonować obrazek?

revyag

24.02.2006, 14:22:10

Chyba nie łapiesz. Kontener robisz jeden dla całej strony. W nim powinna być cała struktura. Po co Ci kontener do samego tła strony ? Bez sensu. Jak wywalisz coś poza kontener to nie obejmie tego tło które chcesz ustawić.

Jarod

24.02.2006, 14:28:24

Cytat(revyag @ 2006-02-24 13:22:10)

Rozumiem

Ale narazie mam tylko tło. I jak nie wpisze tekstu to tło nie pojawia się. A jak wpisze to wypełnia tylko ten tekst - jakby dopełnienie. Wiem że jak w kontenerze umieszcze całą strone to będzie wszystko łądnie pięknie..

A swoją drogą to się zastanawiam czy można używać divów TYLKO do wypozycjonowania jakiegoś tekstu/obrazka (czy to jest poprawne)?

@mike_mech: Jest ok ale na samym górze nad tłem jest biały pasek około 5mm. Jak się go można pozbyć? Bo działa tylko

Kod

margin: 0 10% 0 10%;

ale wolałbym nie używać wartości ujemnych (które nie działają pod IE) ?

code46

26.02.2006, 00:48:44

Cytat(J4r0d @ 2006-02-24 13:28:24)

A swoją drogą to się zastanawiam czy można używać divów TYLKO do wypozycjonowania jakiegoś tekstu/obrazka (czy to jest poprawne)?

@mike_mech: Jest ok ale na samym górze nad tłem jest biały pasek około 5mm. Jak się go można pozbyć? Bo działa tylko

Kod

margin: 0 10% 0 10%;

ale wolałbym nie używać wartości ujemnych (które nie działają pod IE) ?

Nie można używać diva tylko do pozycjonowania obrazka. Po to są tabelki.
A tego białego paska nie pozbędziesz się - zastosuj tabele.

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.