ugrás a tartalomhoz

CSS igazítás Firefox-ban

S. Gyuri · 2006. Okt. 3. (K), 21.51
Helló mindenkinek!
Viszonylag új versenyzője vagyok a weblabornak, és ezalatt a rövid idő alatt is rengeteget segítettetek.

Problémám a következő.
Az oldalamat, középre rendeztem ( body { text-align: center;}).
mostmár megküzdöttem vele, hogy Ie6 és FF-ben működjön az oldal, de FF-ben nem rendezi középre. Én IE7Beta2-t használok és minden megy rajta az első lépésektől.

Tudtok segíteni???

Az oldal megnézhető, nem titok, ha van amit javítanom kéne, minden segítséget szívesen veszek www.gyuriteszt.ini.hu

Előre is köszi.
 
1

Archívum

Jano · 2006. Okt. 3. (K), 22.36
Havonta egyszer biztos előjön.
Középre igazítás CSS-sel
2

Hálám nem kifejezhető.

Anonymous · 2006. Okt. 3. (K), 22.48
Szia Jano.
Köszönöm a leírást. Az oldaladon olvasgattam már az okosságokat.
Nem azzal van a bajom, hogy hogyan kell középre igazítani, hanem Firefoxban nem működik. Mostmár IE6 és IE7-ben is megy, Csak Firefox-ban van balra rendezve.

De a reagálást mégegyszer köszönöm.
4

NE vedd el az eszközeimet

Jano · 2006. Okt. 3. (K), 22.57
Ne vedd el az eszközeimet (Web Developer toolbar) azzal, hogy olyan új ablakot nyitsz amiben csak az oldalad van és akkor lehet tudok segíteni!

Látogatóid se fognak tudni kedvenceik köze tenni...
5

Ezköz pótlás.

S. Gyuri · 2006. Okt. 3. (K), 23.08
Kérésedet nem volt nehéz teljesíteni, bár én nem szeretem a sok fejlécet meg ezközt, mert az oldaltól veszi el a helyet.
Az oldalak szép design-ját mindíg elgörgetjük.

Köszi.
6

margin: 0 auto;

erenon · 2006. Okt. 3. (K), 23.13
A text-align: center formájú középre igazítás valójában csak egy hiba, a szabvány szerint a block színtű elemek ettől nem mennek középre, csak hát ugye m$...
A szabvány szerinti középreigazítás így megy:
#oldal{ 
margin: 0 auto;
}
Vagyis az 'oldal' azonosítóval rendelkező elemnek fent és lent nem lesz margója, oldalt viszont a böngésző állítja. (minkét oldalt ugyanannyi).
Sok sikert!
A fejlécek pedig nem véletlen vannak, új ablakot nyitni gonosz dolog. -> másik téma, ha érdekel.
7

Teszteltem margin: 0 auto;

S. Gyuri · 2006. Okt. 4. (Sze), 10.00
Szia meThaler.

Köszönöm a segítséget. Kipróbáltam, és még mindíg nem rendezte középre Firefox-ban. IE alatt már eddig is jól működött.

A másik téma érdekel. Miért nem jó, ha nyitok egy új ablakot amin az oldalam tartalma van. Az eredeti böngésző megmarad, és aki megnézte az oldalt, (oldalamat) úgy is becsukja az ablakot.

Szivesen vennék linket, vagy egy írást "A fejlécek pedig nem véletlen vannak, új ablakot nyitni gonosz dolog. -> másik téma, ha érdekel."
ezzel kapcsolatban, hogy miért is gonoszság.

Ahol én találkoztam ilyen oldalakkal nekem tetszett.

Köszönöm. A segítség mindíg jól jön. Az ember nem tud eleget tanulni.

S. Gyuri
3

Hálám nem kifejezhető!!!

S. Gyuri · 2006. Okt. 3. (K), 22.50
Szerkesztési infó 2006.10.04 # 13.26
"egy korábbi felesleges hozzászólást szerkesztettem át."

Köszi a segítséget!
Igyekeztem olvasni elég sokat. Most, hogy eljutottam a 12 weblabor fejezethez, világossá vált. A Firefox csak akkor értelmezi rendesen a CSS margin értéket, ha megadod minden oldalát külön külön.

margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;

Forrás: http://weblabor.hu/forumok/temak/13612

Ezt a megoldást is nektek köszönhetem!!!!!
Köszönöm.
Király az oldal :) :)

Jótanács:
azoknak akik hasonló hibába esnek mint én.
Jano elküldte nekem a "középre igazítás CSS-sel" cikkét amit el is olvastam, de bevallom kicsit felületesen kezeltem. Most olvastam el sokadszor, és láss csodát egyértelmüen le van írva, hogy mit kell tenni.
Engem az IE hivakozás téveszett meg. De a leírás tökéletes.

A csúnya dolog új ablakban nyitni az oldalt még mindíg érdekel.

S. Gyuri
8

A Firefox csak akkor értelmezi...

szalair · 2006. Okt. 4. (Sze), 13.34
Sziasztok!

Csak annyit szólnék hozzá, hogy a

margin: 0 auto;

megoldásnak teljesen jól működnie kell Firefox-ban is : CSS2 Specification !!

Ha teszem azt egy DIV-et akarsz középen látni úgy, hogy a BODY tagnak text-align: center;-t állítottál be, de magán a DIV-en belül balra igazítás van akkor a DIV szélességét is meg kell adni! Láttam Te meg is adtad, de simán margin: 0 auto-val is működnie kell! Nálam is müxik minden rendesen!

Szép kis dolog h böngészőfüggetlen holnapot írni külön feladat! Na mind1! Már ígérgetnek ezt meg azt!

Csak ennyit akartam!
9

Re: A Firefox csak akkor értelmezi

S. Gyuri · 2006. Okt. 4. (Sze), 15.47
Köszönöm a választ.
Igazából én sem értettem, hogy miért nem működik, de most, hogy kijavítottam, most jó.
Már egy ideje tesztelemaz oldalt, és tanulom a szabványokat. Táblázatokkal nem volt bajom, és nem is teszteltem más böngészőben.
Fejlődni kell!!! Nekem meg aztán pláne. Nem ez az első oldalam, de ez az első ami nem táblázatokon alapul.
Ezért minden segítség jól jön.

Köszi. :)
10

Info

Anonymous · 2006. Okt. 5. (Cs), 18.39
Kérdésem az lenne, hogy dreamveawer 8 nullát használok, ahol ha a CSS kód "helyesen", vagy inkább a kívánt módon jelenik meg, azonban minden böngészőben másként.Mihez lehet viszonyítani?

kösz
11

Re: Info

S. Gyuri · 2006. Okt. 5. (Cs), 21.30
Szia.

Én sokat olvastam, hogy minden jól működjön, és még így is van mit tanulnom. Jano oldalán nagyon sok jó leírást találtam, és szerintem itt a weblaboron is találsz, ha nekikezdesz böngészni.

Próbáld meg beállítani a Dreamweavert, hogy fel is töltse az oldalt és online tudod ellenőrizni. Frissíts 8.02-re a meglévőhöz ingyenes, sok okosság van benne.

Egyébként a kérdésre nehéz válaszolni. Próbálj egy kicsit pontosítani.

S. Gyuri
12

Kész.

S. Gyuri · 2006. Okt. 25. (Sze), 21.36
Elkészült az oldal.

Köszönöm a segítséget IE, és Firefox alatt is működik.

Akit érdekel nézze meg.
www.gsteigerwald.ini.hu

S. Gyuri
13

Margin-t nem értelmezi a róka

grandvoyager · 2010. Ápr. 16. (P), 11.19
Hello,

Nem akartam a témák számát szaporítani, ezért ide írok.

Az oldalamnál egy sima mezei margin:left IE-ben műxik, FF simán kihagyja. Konkrétan a felső menüsorról lenne szó. Tudom, jobb lett volna, ha a menüpontok háttere nem a háttérkép része lenne hanem csak a menüpont span-jéé, ezért a csúnya megoldásért bocsi. De már nem szeretném átalakítani.

www.pallagiart.hu

Próbáltam azt, hogy a margint mind a 4 oldalra definiálom, balra adott értékkel, a többire auto-val, de nem segített. Padding-et használva se volt jó.

Na ez mi lehet?
14

Mi a különbség?

Kevlar · 2010. Ápr. 16. (P), 13.20
Néztem IE8-ban és Firefox 3.6-ban, mindkettőben ugyanolyan.
Nem igazán értem a probléma leírását.
15

Gyorsan csináltam egy

grandvoyager · 2010. Ápr. 16. (P), 14.04
Gyorsan csináltam egy printscreent, hogy nálam milyen (1 hete leszedett új FF):

[url=http://www.pallagiart.hu/files/psc.jpg]
16

Nos

Kevlar · 2010. Ápr. 16. (P), 14.17
IE8-ban is pont ilyen. Tehát lehet régebbi IE-ben nézed, és a kódod rossz, nem a Firefox. Nekem az nem világos, hogy pontosan mit szeretnél elérni.

Gondolom azt, hogy a háttér mindig az aktuális menüpont mögött legyen.
Annyit tehetsz, hogy a span elemeknek adsz display: inline-block-ot, és egyesével beállítod nekik a width és margin tulajdonságokat.
Vagy inkább kitalálsz valami más menu megoldást, amit később, ha lesz rá igény egyszerűen tudsz bővíteni.
17

vessző volt a hiba :)

grandvoyager · 2010. Ápr. 16. (P), 14.27
Meg van oldva!

Most akartam kimásolni az idevágó kódot és láttam hogy benne maradt egy vessző az elemek definiálása után. IE értelmezte, róka és króm nem.