ugrás a tartalomhoz

Teljes középreigazítás CSS-sel

Anonymous · 2005. Dec. 13. (K), 00.45
Sziasztok
Lehetséges egy DIV-et a böngészőben vízszintesen és függölegesen is középreigazítani, függetlenül a képernyő felbontástól?
(Tehát 800x600 és 1024x768-as felbontáson is középen)
‹ Linkre vitt egérre képváltozás mellete Adott dátum után következő első szerda JS-ben? ›
 ■
1

Vertical Centering in CSS

wiktor · 2005. Dec. 13. (K), 01.09
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
2

Köszönöm

Anonymous · 2005. Dec. 13. (K), 01.24
Köszönöm a segítséget, igazságszerint erre gondoltam: http://milov.nl/code/css/verticalcenter.html

És ismerem az örök igazságot, elöbb Google, aztán kérdés... :)
3

NEEEEEEEEE!

Jano · 2005. Dec. 13. (K), 01.50
Ne használja senki ezt a technikát mert ha túl kicsi a böngésző ablak és nem fér bele a tartalom, akkor elkezd mindkét irányba kilógni és a böngésző csak a jobb oldalra kilogó részhez teszi ki a scrollbart.

Ha már nagyon kell az a függöleges középreigazitás akkor inkább tedd bele egy darab 1x1-es táblázatba az egész oldalt.

Vizszintesen pedig automatikus margókkal lehet: Középreigazítás CSS-sel vizszintesen
4

Hát

Anonymous · 2005. Dec. 13. (K), 03.42
A középreigazítás azért kéne, mert a grafikus ilyen design -t csinált, az egész oldal egy 760x450-es négyzetben lenne.
Eredetileg úgy készítettem el, ahogy írtad, 1x1-es táblában középre, de aztán arra gondoltam, inkább csinálok CSS-es oldalt, nem egymásba ágyazot table elemekkel, stb...

Megfogadom a tanácsod, és meggyőzöm a megrendelőt (nem lesz nehéz), hogy nem kell az a függőleges igazítás.

Köszönöm a segítséget!
5

Függőleges középre igazítás

Bártházi András · 2005. Dec. 13. (K), 09.12
Én talán úgy oldanám meg a kérdést, hogy beállítanék egy fix felső margót úgy, hogy 800x600-ban kb. középen legyen az oldal függőlegesen, és ha tényleg fontos a középre igazítás, akkor JavaScript segítségével csinálnám meg. Ekkor nem fordulhat elő az a hiba, amit Jano ír (hiszen leellenőrzöm JS-ből, hogy nem túl kicsi-e az böngészőablak rendelkezésre álló mérete), viszont az esetek nagy százalékában működik. Ahol nem működik, ott is teljesen kultúrált kinézetet kap a látogató, aki valószínűleg nem is fogja érzékelni, hogy valami más.

-boogie-
6

Opera

Anonymous · 2005. Dec. 13. (K), 10.31
Én is elkövettem egyszer egy ilyen javascript-vertikális-középreigazítást.
Lekérdeztem az ablak méretét: body tag-ben volt egy "onload" script.
Az Opera-ban ez úgy nézett ki, hogy kirajzolta az oldalt, MAJD UTÁNA lefutott az onload... olyan villogós volt minden... feladtam.
Én az egyetlen cellás táblázatot támogatom...

Üdv
Zoli
7

<Nincs cím>

toro · 2005. Dec. 13. (K), 11.38
mindenek mellett erdemes lenne a grafikussal beszelni, hogy felejtse el a kotott szelesseg-magassag designt.
A vilag leghulyebb honlapjai azok, hol a keretbe zart tartalom miatt mindenfele trukkokkel lehet csak scrollozni a tartalmat, aztan ha kliensnek van mindenfele szellemes toolbarja, meg nagymeretu ikonja, akkor a 450 mar emberesen kilog browserbol igy aztan a JS scroll aljahoz is scrollozni kell.

Majd jon az ugyfel egy fel ev mulva es szeretne a lapjan 500x750px meretu kepet megjeleniteni es ertetlenul nez, hogy ez miert nem ket perc, hiszen csak be kell linkelni.

Tehat a grafikusnak fel kell hivni a figyelmet arra, hogy ne printben, hanem webben gondolkozzon! Az elso lepesek nehezek, de megeri, mert igen gyumolcsozo lehet egy hozzaerto grafikussal az egyuttmukodes!
8

csakazértis CSS

balazsgabi · 2005. Dec. 13. (K), 13.20
Üdv Mindenkinek!

mindem tiszteletem az előttem szólóké, de mint érdekesség talán elfér ebben a topicban.
A 450-es magassággal gondolom a 640x480-as felhasználókra gondoltak, illetve ami ettől kissebb azt már tényleg nevezhetjük extrémnek és azon a táblázatos függőleges igazítás sem lendít nagyot.
A Jano által felvetett dolgot (oldalra lógás nagyobb tartalom esetén) az alábbi oldal kódja megoldaja az alábbi korrigálással:

#content    
	{
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: #f00;
	margin-left: -40%;
	position: absolute;
	top: -225px;
	left: 50%;
	width: 80%;
	min-width: 80%;
	height: 450px;
	visibility: visible
	}
viszont itt tényleg oda kell figyelni a tartalom magasságának design-olásakor, hogy a content magassága alkalmazkodjon egy 640x480-ashoz is.

az OFF-olás elkerülése végett csak halkan írom le, hogy akkor mit élveznek a web színes világából azok, akiknek van nagyobb monitoruk?

gábor
9

<Nincs cím>

toro · 2005. Dec. 13. (K), 13.40
sajnos nem a 640x480, hanem, ha zart designban gondolkodsz akkor 800x600
ugyanis a 600 magassagbol lejon felul a browser fejlece, menusora, gombsora, url es esetlegesen a kulonbozo toolbarok, alul pedig statusbar.

ha zart designban akar valaki gondolkodni, akkor jo kozelitessel 800x600 eseten a 760x420 lehet a megoldas.
Hogy mi van a 1600x1200 felbontas eseten? En pl. sose hasznalok fullscreen browsert, viszont surun kattingatom az FF web developer toolbar resize gombjat :)
10

Pedig kilóg

Anonymous · 2005. Dec. 13. (K), 17.36
Sajnos ennél a megoldásnál is jelentkezik a probléma, mind IE-ben, mind Firefox-ban kilóg balra a tartalom, de arra nem lehet scroll-ozni.
11

oldalra nem...

balazsgabi · 2005. Dec. 14. (Sze), 09.44
nézd meg itt


gábor
12

oldalra tényleg nem...

nAgYu · 2005. Dec. 14. (Sze), 11.59
... de felfelé igen.
(próbáld ki: 800x600-as méretben nem látszik a "This text is" sor, de felfelé scrollozni meg nem lehet...)

Üdv.:
nAgYu