css IE-ben jó Ff-ben nem

**Plk** · 2010-08-10, 16:02

Szisztok!

Szeretném segítségetek kérni.

Felraktam egy index.html, a.css fle-al.
IE-ben hibátlan, Ff.ben szétesik.
Mit csinálok rosszul? (hu21.info)

Köszönöm.

Törölve · 2010-08-10, 16:20

Azért ritkán látni hogy ennyi div-nek adunk számokat, próbálj meg globálisan gondolkodni, nem pedig minden div-nek külön azonosító(szám) és css....

Szerintem valami HTML és CSS kezdő doksit nézzél át, mivel úgy rossz a felépítés ahogy van...

Sokkal könnyebb lenne neked is ha megtanulnád az alapokat, mivel most le lehetne írni hogy hogy lenne jó, de akkor az lehet több időbe telne mire megértenéd...

UPDATE: megnéztem a CSS-d, és jobb lenne itt is ha összevonnád a dolgokat, mivel egyszerűbb. PÉLDA:
Határ vonalak: border:méret típus szín -> border:2px dashed #000
Betűtípus: font:stílus méret típus -> font:normal 12px Arial, Helvetica, Sans-serif
Behúzás: margin:felül jobbra alul balra -> margin:5px 12px 5px 12px
Kitöltés: padding:felül jobbra alul balra -> padding:10px 20px 10px 20px

Magyar viszonylatban, főleg ilyen egyszerű felépítésnél nagyon ritkán használunk position:absolute parancsot. Próbálj meg fixálni dolgokat float:left paranccsal, és nem fog annyira szétcsúszni....

**Plk** · 2010-08-10, 16:25

Köszönöm.

Ezek csak design próbálkozások.

Milyen módszerrel csinálnál sakktáblát, úgy, hogy minden kocka egy link?

**hunprobalazs** · 2010-08-10, 16:25

Sajnos azt kell mondjam, nap mint nap szembesülök én is ezzel a hibával. Ha a W3C szabvány szerint dolgozol, akkor semmi probléma, azaz csak a böngésző a baj. Az IE nem nagyon követi a szabványt, igaz a szeptemberre ígért 9-es verziónál már törekednek erre... Mindenképpen nézd meg az oldalad ezzel a validátorral: http://validator.w3.org/
Ha talál hibát javítsd, de mondom a webszerkesztők is ezért morgolódnak, h teljesen máshogy jelenik meg a különböző browserekben. Én is szoktam mérgelődni.
Megoldási javaslat, hogy megvizsgálod, hogy milyen böngésző és annak megfelelően osztasz ki rá CSS-t. Én az egyszerűség kedvéért megírom a szabványt, aztán ahol eltérés van, annál a böngészőnél korrigálom, vagy írom felül valahogy így:

Ez az IE-t szabályozza, de hasonlóképpen működik FF-nél illetve operánál, bár ennek nézz utána, kiindulási pontnak mindenképpen jó! Üdv!

**Plk** · 2010-08-10, 16:26

Nyugodtan írd le, ha nem is értem, legalább tudom mit keressek.

Törölve · 2010-08-10, 16:35

Tényleg nem kötöszködés képpen, de először a saját felületet kellene rendbe rakni...

...és ha megfelel a honlapra ,elhelyezzük a megfelelő helyen.

Azért ez a design nagyon padlóhoz vágja a minimalista design értelmezését.

De ugye nem statikusan fogod csinálni, egy hírközlő és szolgáltatás ismertető weboldalt?

**hunprobalazs** · 2010-08-10, 16:39

Megnéztem, nem talált hibát a validátor, ami viszont a forrásban szemet szúrt az a CSS megoldás... Sokkal egyszerűbb lenne, illetve rövidebb a kód, ha úgy oldanád meg, h a hasonló szinűeket definiálod, és az eltéréseket pedig külön viszed fel. Én a position: relative-ot használnám, illetve a float: left, ahol indokolt ott pedig a clear:both; Egyébként én is egyetértek a kollégával, hogy elég körülményes leírni... Szerencsére a neten már elég sok tutorial van, ahol gyönyörűen le van írva... Én is eleinte szerettem kérdezgetni, pillanatnyilag egyszerűbb, mert gyors megírják, avgy nem

aztán meg máskor jön újra a kérdés. Google barátunkat megtanulva hazsnálni bármilyen problémám van, ezernyi oldal nyújt segítséget! Angolul nyelvtudók előnyben, de magyarul is megtalálható elég sok minden... Itt nézz körül: http://weblabor.hu/cikkek/designbolkeszoldal
http://weblabor.hu/cikkek/cssalapjai1
Üdv!

**Plk** · 2010-08-10, 16:39

Azt, hogy hogy fogom csinálni, már nem tudom.
Látod, ez se mükszik így. De csinálom és ha már nagyon bénáskodom, segítséget kérek.

**Plk** · 2010-08-10, 16:42

Köszönöm hunprobalazs a leírást. Nekiveselkedek.

**hunprobalazs** · 2010-08-10, 16:44

Nem szégyen, még nekem is rengeteg tanulni valóm van a téren, holott már rengeteg oldalt site-building-eltem, illetve programoztam le...
Most nekem is megjött a kedvem belenézegetni ilyen doksikba, biztos tudnak újat mondani...