Tło na całej stronie Opcje

[licha]

Szukam chyba banalnej rzeczy. Chodzi mi o skrypt (wywołanie,styl css lub cokolwiek innego) co ustawi mi wstawi tło strony i ustawi je dokładnie na środku

[tomazino2]

style css
background: red;
float: center;

[licha]

a jeśli jesteś taki dobry gdzie to wstawić ?

[tomazino2]

w pliku css w body np albo zrob diva

[bzeebzee]

To co ci kolega napisał i tak będzie w rozmiarze całego okna przeglądarki. Jednym z sposobów może być:

[HTML] pobierz, plaintext 
// w sekcji head
<style type="text/css">
<!--
   .bg_container {
       background-color: red;
       width: 40%;
       height: 40%;
       position: absolute;
       z-index: -1;
       margin: 30% auto;
   }
-->
</style>
 
<div class="bg_container"></div>
 
[HTML] pobierz, plaintext 

[by_ikar]

Kolega chce chyba obrazek wstawić, skoro chce ustawić na środku, przecież kolorów się nie pozycjonuje? chyba że mnie coś ominęło..

[CSS] pobierz, plaintext 
body { background: url("adres/do/obrazka/obrazek.jpg") top center no-repeat; }
[CSS] pobierz, plaintext 

Jeżeli chodziło ci o coś innego, to pisz, lub pokaż na przykładzie jakiejś strony o co ci chodzi.

[Leihto]

@tomazino2
O czymś takim to ja jeszcze nie słyszałem :F

float: center;

jak już to:

margin : 0 auto;

Ten post edytował Leihto 13.02.2012, 23:52:13

[zyxel]

Ja bym proponował w css wpisać odpowiednio do tego co chcesz uzyskać:
Tło na środku przesuwa się razem z zawartością jedyny problem to to żebyś lepiej dał na powtarzanie tła inaczej musisz sobie taki dłuuugi zrobić obraz by pokryło ci zawartość twojej strony:
ale do wyboru:

bez powtarzania tlo w miejscu

body {
background-image: url(obrazek.jpg);
background-position: top;
background-repeat: no-repeat;
height:auto;
}

z powtarzaniem tło w miejscu na środku strony(dobrze miec grafike która powtarzając się da jednolity obraz):

body {
background-image: url(obrazek.jpg);
background-position: top;
background-repeat: repeat-y;
height:auto;
}

Tło na środku nieruchome zawartość przesuwa się sama(tutajmożesz dać plik z 1000px wysokości- szerokość tak jak wyżej w zależności od rozstawu twojej www):

body {
background-image: url(obrazek.jpg);
background-position: top;
background-repeat:no-repeat;
background-attachment:fixed;
height:auto;
}

Pozdro zyxel jak pomogłem oczywiście klik na pomógł

Ten post edytował zyxel 9.03.2012, 05:10:29