pozycjonowanie grafiki

Wszystko o HTML, XHTML, XML, CSS.
Semerchet
Posty: 145
Rejestracja: 12 paź 2007, 17:10:47
Płeć: Mężczyzna
User Agent: IceWeasel Linux 1280x800
Kontakt:

pozycjonowanie grafiki

Post autor: Semerchet »

A więc mam div-a np:

Kod: Zaznacz cały

width: 400px;
height: 800px; 
i obrazek:

Kod: Zaznacz cały

width: 1500px;
height: 500px; 
Jak umieścić obrazek na dole div-a aby nie zmienił wielkości i był wycentrowany??
LaY
Posty: 1120
Rejestracja: 28 sty 2009, 15:20:07
Lokalizacja: Silesia
Płeć: Mężczyzna
User Agent: Opera Mini mobile 240x320
Kontakt:

Re: pozycjonowanie grafiki

Post autor: LaY »

Nie mogę teraz sprawdzić czy to zadziała bo piszę z telefonu, ale spróbuj vertical-align:bottom dla obrazka(chyba) i text-align:center dla diva. To drugie zadziała na 99%.
Niě nerwuj hanysa
Semerchet
Posty: 145
Rejestracja: 12 paź 2007, 17:10:47
Płeć: Mężczyzna
User Agent: IceWeasel Linux 1280x800
Kontakt:

Re: pozycjonowanie grafiki

Post autor: Semerchet »

Ucieka z div-a :/

Potrzebuje takiego efektu jaki mają chmurki pod logo (przy pomniejszaniu okna przeglądarki grafika schodzi się z dwóch stron do środka):
http://www.potok-rosnowo.pl/test/
tylko że z górami i rzeczką. I na dole strony.

Ps: Czy to jest prawidłowe rozwiązanie? Dodałem to:

Kod: Zaznacz cały

vertical-align:middle;
display:inline-table; 
Zaczęło się poprawnie zachowywać (mam nadzieję :(). Mam jeszcze jedno pytanie. Jak zrobić aby div-y nie przejmowały potomnych atrybutów?
ODPOWIEDZ