Nawigacja
Centrowanie diva z position: absolute.
Napisane przez Pieka
dnia 31 sierpnia 2006 21:10 ·
4 komentarze ·
14133 czytań ·
· 
· 
Streszczenie:
Często zastanawiacie się, w jaki sposób wycentrować na stronie diva o określonej szerokości. Taki div może służyć jako efektowne powiadomienie, i powinien być zawsze na wierzchu. Powyższy problem w bardzo prosty sposób rozwiązuje kilka właściwości CSS. Zacznijmy jednak od początku.Często zastanawiacie się, w jaki sposób wycentrować na stronie diva o określonej szerokości. Taki div może służyć jako efektowne powiadomienie, i powinien być zawsze na wierzchu. Powyższy problem w bardzo prosty sposób rozwiązuje kilka właściwości CSS. Zacznijmy jednak od początku.
W dokumencie, w dowolnym jego miejscu umieszczamy diva i nadajemy mu właściwości css takie jak w kodzie poniżej.
Jak widać właściwość margin left jest zależna od właściwości width, oraz ma wartość ujemną. Dzieje się tak dlatego, że mając left: 50% ustalamy lewy brzeg diva na środku ekranu, a skoro chcemy aby środek diva był na środku, to przy pomocy właściwości margin-left przesuwamy diva o połowę szerokości w lewo. Sposób prosty, ale skuteczny. Div zostanie wyświetlony na środku ekranu.
autor: Pawkow
Komentarze
Dodaj komentarz
Oceny
Zaloguj się lub zarejestruj, żeby móc zagłosować.
| Świetne! |  |
50% | [1 głos] |
| Bardzo dobre | |
50% | [1 głos] |
| Dobre | |
0% | [0 głosów] |
| Średnie | |
0% | [0 głosów] |
| Słabe | |
0% | [0 głosów] |