GoldenLine
Zaloguj się

konto usunięte

Temat: banalne centrowanie w poziomie

Witam

http://smilowski.pl/cadillac - nie centruje mi w poziomie diva center i kurde nie mogę dojść o co chodzi - spieszę się i nie mam czasu google'ać - bardziej doświadczeni - dzięki z góry za pomoc
Link do wypowiedziLink
Tomasz Muter

Tomasz Muter co-founder | Droids
On Roids Sp. z o.o.

Temat: banalne centrowanie w poziomie

#center {
color:#000000;
height:260px;
margin:0 auto;
position:relative;
width:280px; <---- tutaj jest blad, podaj poprawna wartosc szerokosci i bedzie cacy
}
Link do wypowiedziLink

konto usunięte

Temat: banalne centrowanie w poziomie

Proponuję kilka kilka małych usprawnień:

body {text-align:center;}
#center {text-align:left; width:760px;}
powyższe zapisy centrują blok #center - także w IE

#galeria {overflow:hidden;}
powyższy zapis naprawia "wylewanie się" zawartości tego bloku
Link do wypowiedziLink

konto usunięte

Temat: banalne centrowanie w poziomie

wielkie dzięki panowie z podpowiedz - tutaj mam jeszcze jeden problem - chciałem scentrować center w pionie tak ja na http://smilowski.pl - ale niestety wywala się ta galeria na jquery - jak to zrobić ?
Link do wypowiedziLink
Krzysztof Safjanowski

Krzysztof Safjanowski Senior JavaScript
Lead Developer

Temat: banalne centrowanie w poziomie

Rafał Śmiłowski:www.smilowski.pl - ale niestety wywala się ta galeria na jquery - jak to zrobić ?



#center {

position:absolute;

top:50%;

left:50%;

height:260px;

margin:-203px 0 0 -380px;

width:760px;

color:#000;

}


Skąd wartość margin-top: -203px? Jest to połowa wysokości obiektu, który chcemy wycentrować (16px + 374px + 16px)

Skąd wartośc margin-left: -380px? Ponownie, jest to połowa szerokości obiektu, który chcemy wecentrować.

Wyliczanie połowy wysokości i szerokości oraz nadanie stosowanych wartości dla #center sugeruję wykonać za pomocą JS (jQuery)
Link do wypowiedziLink
Michał K.

Michał K. Starszy Grafik,
home.pl

Temat: banalne centrowanie w poziomie

Waldek Mazurek:
Proponuję kilka kilka małych usprawnień:

body {text-align:center;}
#center {text-align:left; width:760px;}
powyższe zapisy centrują blok #center - także w IE


ten myk potrzebny był dla IE starszych niż 6stka - czyli np 5.5, dopisać nie zaszkodzi ale nie można uogólniać i pisać że to problem wszystkich IE, bo tylko bardzo starych IE, których jest już bardzo bardzo mało
Link do wypowiedziLink
Marcin Jabłecki

Marcin Jabłecki Project Manager

Temat: banalne centrowanie w poziomie

Na przyszłość polecam ten link: http://perfectionorvanity.com/2006/04/19/wszystko-co-c... - jak i całego bloga z resztą ;)Marcin Jabłecki edytował(a) ten post dnia 25.07.09 o godzinie 00:29
Link do wypowiedziLink

konto usunięte

Temat: banalne centrowanie w poziomie

Michał K.:
ten myk potrzebny był dla IE starszych niż 6stka

Mea culpa - jak się człowiek śpieszy, to się diabeł cieszy...
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Centrowanie strony w poziomie




Wyślij zaproszenie do
Anuluj