ForumCała strona

Nawigacja

Aktualnie online

Gości online: 1

Użytkowników online: 0

Łącznie użytkowników: 25,386
Najnowszy użytkownik: Hisfatt

Logowanie

Nazwa użytkownika

Hasło



Zarejestruj się

Odzyskaj hasło

Shoutbox

Musisz zalogować się, aby móc dodać wiadomość.

Zbigniew@
01.04.2024 12:28:45
Wszystkiego najlepszego z okazji świąt.

JazOOn
28.02.2024 19:25:31
ja zostałem przy fusionie ale nazywa się 360. Projektowanie i druk 3d...

MajsterBieda
25.02.2024 00:12:42
Ponad 20 lat .... tosz to sioook panie.... Grin

JazOOn
24.02.2024 20:32:31
a już na pewno mamuty

JazOOn
24.02.2024 20:31:59
Albo dinozaury

Pobierz nową wersję
Pobierz podręcznik
Zobacz inne oficjalne Supporty
Statystyki supportu
PHP-Fuson PL na Facebooku

RSS

Polecamy hosting SferaHost.pl

Nawigacja

Centrowanie diva z position: absolute.

Napisane przez Pieka dnia 31 sierpnia 2006 21:10 · 4 komentarze · 13993 czytań · Drukuj · Facebook · Wykop

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

#1 | Gander dnia 07 grudnia 2006 12:20
No proszę!
A ja się nad tym głowiłem od dłuższego czasu Grin
#2 | pawkow dnia 23 stycznia 2007 17:07
a widzisz, było zapytać na forum Smile
#3 | remartis dnia 10 lipca 2010 14:42
a może wystarczy napisać ;
margin:auto;
Wink
#4 | dante77 dnia 28 września 2010 09:17
Wystarczy napisać: margin: 0 auto;

Dodaj komentarz

Zaloguj się, aby móc dodać komentarz.

Oceny

Tylko zarejestrowani użytkownicy mogą oceniać zawartość strony
Zaloguj się lub zarejestruj, żeby móc zagłosować.

Świetne! Świetne! 50% [1 głos]
Bardzo dobre Bardzo dobre 50% [1 głos]
Dobre Dobre 0% [0 głosów]
Średnie Średnie 0% [0 głosów]
Słabe Słabe 0% [0 głosów]
Created by Arox Copyright (C) 2004
Copyright (C) 2004 - 2018 Ekipa PHP-Fusion.pl