Nawigacja
Centrowanie diva z position: absolute.
Napisane przez Pieka
dnia 31 sierpnia 2006 21:10 ·
4 komentarze ·
14301 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] |