ugrás a tartalomhoz

Középre igazítás IE-ben is, CSS-sel

Castor87 · 2008. Jan. 12. (Szo), 08.36
Hello!

Kezdő vagyok még CSS-ben. Nálam okosabbaktól kérdezném, melyik a legjobb módszer a középreigazításra!? Nem egyszerű szöveget akarok, hanem egy egész oldalt, úgy hogy azon belül ne kelljen külön megadni a balra igazítást. Azt a verziót ismerem, ami FF-be jó, de IE-be nem. Viszont találtam egy sablont:

http://www.freecsstemplates.org/templates/previews/flowery/
Itt a css hozzá:
http://www.freecsstemplates.org/templates/previews/flowery/default.css

Ez az oldal középre van igazítva FF-ban és IE-ben is, csak nem tudok rájönni, hogy miért. Hol van a trükk a kódban, aminek segítségével IE-ben is középre igazodnak a div-ek a "margin: 0 auto;" parancsra?
‹ Rekurzív drag and drop két cella fix legyen ›
 ■
1

margin:0 auto

Török Gábor · 2008. Jan. 12. (Szo), 10.14
Legegyszerűbb séma, ha az egész oldalad beleteszed egy konténerbe, beállítod a szélességét, és az általad is felfedezett módon középre igazítod.

<div id="container">
<!-- az oldalad -->
</div>


#container{width:780px;margin:0 auto;}
3

szép

Castor87 · 2008. Jan. 12. (Szo), 20.20
Ez szép és jó, csak IE-be nem működik.
2

Írtam róla

Jano · 2008. Jan. 12. (Szo), 15.31
Középre igazítás CSS-sel
4

thx

Castor87 · 2008. Jan. 12. (Szo), 20.29
Jó doksi, csak az a baj vele, hogy itt is külön meg kell adni a balra igazítást. Lehet nem lesz ennél egyszerűbb megoldás!?...
5

nemhiszemel

Castor87 · 2008. Jan. 12. (Szo), 21.04
Ezt beszúrtam az első sorba:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
majd minden további nélkül működött a "margin: 0 auto;" IE-ben is és nem kell a body-t középre, majd az oldal tartalmát balra igazítani.
6

IE6-nál előbbiben nem fog.

Jano · 2008. Jan. 13. (V), 01.34
Ezt is leírtam:

Pontosítva: Az IE 6-os megfelelő doctype használatával, úgynevezett szabvány módba kapcsolható. Ilyenkor a szabvány szerint értelmezi a CSS doboz modellt, és jól kezeli le az automatikus margókat is, így a blokk szintű elem középre kerül. A korábbi IE-kben illetve nem szabvány módban szükség van az itt leírt kiegészítő megoldásra is.


Doctypehoz ezeket a linkeket ajánlom: http://users.hszk.bme.hu/~hj130/css/linkek/#doctype
7

Mégsem jó

Zeno · 2009. Már. 15. (V), 20.49
Nekem is ugyan ez a gondom. Kipróbáltam, annak a tagnak a beillesztését és nem működik! Ugyan úgy a széléhez rakja. :( IE8-at használok. A kirakott linkek meg már nem működnek.
8

text align

eashlon · 2009. Már. 15. (V), 23.02
volt egy olyanféle trükk is, h egy text-align:center -t beszúrtál a bodyra, és a konténerben meg vissza leftre. IE8-ben nem tudom mükszik-e, többiben segített
9

Működik

Zeno · 2009. Már. 15. (V), 23.59
Köszönöm szépen, működött!! :D
Egy kérdés még. Létezik a CSS-ben olyan parancs aminek a keretein belül csak az egyes böngészőkre lesznek érvényesek a beállítások?
10

több módszer létezik....

eashlon · 2009. Már. 16. (H), 02.11
alapvetően el kell döntened, h (szinte) független, böngészőszerinti css-eket írsz, vagy csak egyet, amit "hack"elsz, böngészőfüggően kiegészítgetsz.

ha egy css-t írsz általános munkamódszernek ajánlom, h minden változtatás után nézd meg a célböngészőkkel, így egyszerűbb lesz, mintha akkor szembesülsz a "szétesik az oldal ieben" szindrómával, mikor már tökéletes mozilla alatt... Persze idővel majd rájössz, h mik azok a kritikus pontok, ahol végig kell nézni, és mik azok, ahol nem.

"olyan parancs" : ha az IE témakörre gondolsz kezdd pl a tutorial.hu-n
(a hivatkozott ms link:
http://msdn.microsoft.com/en-us/library/ms537512.aspx
)

ezekután gugli, valamint nézegess bele templetek, layoutok, és főleg bonyolult css menük kódjába, találni fogsz sokféle trükköt :)

ha meg általánosságban ismerkedsz a css-el(avagy a webszerkesztés formáival) nagyon tudom ajánlani a w3s-t, ad egy masszív alapot.

kimondottan css tanulásához jól jön toxinblogja.