[CSS]srodkowanie za duzego obrazka Opcje

[Kamil Pietrzak]

Witam.

Mam na stronie obrazek w top o szerokosci az 1300px, obrazek wychodzi poza ekran i pojawia sie poziomy pasek przewijania. Chce aby nie bylo paska przewijania, a obrazek byl przyciety po obu stronach rowno, natomiast gdy znajdzie sie uzytkownik z odpowiednia rozdzielczoscia to obrazek powinien sie pokazac caly i wyrownywac do srodka ekranu.
Probowalem kilku sposob - kiedys chyba nawet jakos srodkowalem za duzy obrazek - ale teraz mi to nei wyszlo. Jak sie to robi?

[gigzorr]

A próbowałeś

[HTML] pobierz, plaintext 
width:auto; //lub 
width:100%;
[HTML] pobierz, plaintext 

?

[Kamil Pietrzak]

Wtedy obrazek sie deformuje - jest po prosu pomniejszony - a mi chodzi o przyciecie, tak aby to czego jest za duzo, nie bylo widoczne.

[gigzorr]

Jezeli chcesz przyciac to i tak i tak stracisz na jakosci, wiec lepiej gimp i pomniejszyc.
Jesli sie myle , to przepraszam.

Ten post edytował gigzorr 14.04.2010, 11:19:08

[wookieb]

Obrazek ustawić jako tła np diva

[CSS] pobierz, plaintext 
div#obrazek
{
background: ulr(obrazek.jpg) center no-repeat;
}
[CSS] pobierz, plaintext 

Oczywiście musisz też dać divowi odpowiednią wysokość

Ten post edytował wookieb 14.04.2010, 11:26:37

[mortus]

Może daj obrazek jako tło body

[CSS] pobierz, plaintext 
body {
    background: #fff url("adres/obrazka.ext") no-repeat scroll top center;
}
[CSS] pobierz, plaintext 

Ten post edytował mortus 14.04.2010, 11:28:57

[Kamil Pietrzak]

Heh, juz rysowalem caly schemat w gimpie ( http://ifotos.pl/img/ins_neeepn.png ) (IMG:style_emoticons/default/tongue.gif)
wookieb, robilem juz z "center no-repeat", jeno zapomnialem o szerokosci, teraz jest ok.
Dzieki za pomoc.