[css] skośny header na całą szerokość strony

[curt]

Witam,

mam taki problem i nie mam żadnego pojęcia jak go rozwiązać, dlatego zwracam się do Was z prośbą o pomoc.

Otóż tworzę stronę pod adresem mjmsc.pl i jak widać, jest tam koncepcje pochylnego topu.

Nie mam kompletnie pomysłu jak zrobić, żeby to się nie rozsypywało przy zmianie rozdzielczości strony

Obrazek, który jest wyśrodkowany w topie to: http://mjmsc.pl/templates/mjmsc/images/baner.jpg
Tło w "body" jest takie: http://mjmsc.pl/templates/mjmsc/images/bg.gif

I najwyraźniej to rozwiązanie jest złe, bo na różnych rozdzielczościach wygląda inaczej niż powinno...

Czy jest w ogóle jakaś możliwość, by umieścić tego typu koncepcje na stronie? Czy lepiej będzie po prostu "wyprostować" tego topa?

Z góry bardzo dziękuję za pomoc

[Bazyl]

Cześć,

Twoje tło z body "przyczepiasz" za pomocą pozycjonowania absolutnego do np. diva z głównym tłem.

//Ha - brednie wypisuję... Tło body wyśrodkuj i już.

[curt]

mam już taki styl:

body {

margin: 0px auto;
padding: 0;
background: #fff url("images/bg.gif") no-repeat;



}

i niestety, dalej jest to samo

[a_m]

źle to zbudowałeś i tyle; po co 2 obrazki tła, jak może być jeden - zawsze na środku? mogą być też 2, ale trzeba przebudować szablon

[Bazyl]

body {
background: url("images/bg.gif") no-repeat scroll center #FFF;
margin: 0 auto;
padding: 0;
}

styles.css (wiersz 11)

Oczywiście @a_m ma rację

[curt]

@bazyl

przeogromne dzięki, naprawdę bardzo dziękuję uratowałeś mi godziny chałtury