Ustawienie statycznego obrazka

[sharp]

Witajcie, mam problem z utwierdzeniem obrazka, otóż chciałbym aby obrazek był górnym paskiem (tj. w headerze miałby być nagłówkiem), tylko że ustawiając go tak, jak ja to robię poniżej, ten obrazek zwieksza się i zmniejsza w przypadku zmiany rozdzielczości. Chciałbym by był on statyczny i zawsze taki sam bez względu na to, czy stronę otwieram w rozdzielczości 800x600, czy też nawet na 1200x800. Zawsze ma być taki sam.
Jak to u mnie wygląda?:

Kod:

div.art-headerobject
{
   display: block;
   left: 46%;
   margin-left: -473px;
   position: absolute;
   width: 1031px;
   height: 225px;
   top: 0;
   background-image: url('images/header-object.png');
}

Co więc tutaj poprawić, by to się zachowywało tak, jak ja chcę. Dodam, że nawet dodanie max-width i max-height tego nie zmienia i nic to nie daje.

[Kartofelek]

tobie chyba chodzi o background-size?

[sharp]

nie, chodzi mi o zachowanie rozmiaru obrazka w każdej ustawionej rozdzielczości, w każdej przegladarce itp...

obrazek się rozciąga wraz ze zmianą rozdzielczości obrazu, ja chciałbym by zawsze był taki sam... background-size nie pomaga w tym przypadku...

[Kartofelek]

Nie możliwe by ci się rozciągał bo masz sztywne rozmiary. Albo coś źle tłumaczysz albo nawaliłeś sprawę. No tak - nawaliłeś, bo byś nie pytał.
Chodzi ci o proporcje w odniesieniu do okna?

[sharp]

no właśnie, coś jest nie tak... chciałbym by obrazek nie powiększał się przy zmianie rozdzielczości, chciałbym by zawsze miał taką samą szerokość..

[prawdziwypiotrek]

Nie wiadomo o co konkretnie chodzi, z punktu widzenia CSS nie masz obrazka tylko tło, a to wiele zmienia w kwestii manipulacji rozmiarami
Daj może screenshot sytuacji w której jest według Ciebie źle i jak to powinno wyglądać dobrze. Najlepiej link do strony.

ps. to przypadkiem nie jest jakieś tło, w sensie deseń ? Może po prostu nie ustawiłeś background-repeat i tło Ci się powtarza. Ale to już tylko domysły...

[sharp]

Nie, to nie jest tło, tylko obrazek, który jest wstawiony w środkowej części nagłówka.
Chodzi konkretnie o to brzydkie logo, które jest widoczne w nagłówku: http://komornik-krakow.pl/

Ma być zawsze w takim samym rozmiarze - niezależnie od roździelczości, gdyż w małych rozdzielczościach te logo się za bardzo rozciąga i jest niewidoczne.

[Kartofelek]

Heh. To dobrze cię zrozumiałem. background-size.
Ogólnie więc:

Kod:

display:block;
width:100%;
max-width:1031px;
height:...px;
margin:0 auto;
background:url(.....) no-repeat cover;
http://www.css3.info/preview/background-size/   (example L)

Ale background size w starociach ci nie zadziała. Więc zamiast background bedziesz musial ucyz normalnego obrazka.
Wtedy z powyzszego stylu wyzuc po prostu stylowanie background

[sharp]

Okej dzięki bardzo. Co prawda to nie pomogło, ale cóż. Liczą się chęci