CSS és a böngészők

Ez a téma lezárásra került a moderátor által. A lezárás oka: minden probl�m�t k�l�n t�m�ban �s a tud�st�rban kell felvetni
CSS és a böngészők
2010-12-27T22:14:52+01:00
2011-02-01T16:47:29+01:00
2022-10-26T23:15:45+02:00
  • én is csak a css-es ismereteim eljén mmivel meglehet oldani mindent min, max heght/width helyett mással.

    A display table-cell álapotot sem támogatja az ie legalábbis a 6 biztos nem középre igazításhoz pedig vannak sokkal jobb módszerek.
    pl.:

    <div style="position:relative; width:400px; height: 400px;"> <img src="kep.jpg" stye="position:absolute; top:50%; left:50%; margin-left:-képszélességénekafelepx;margin-top:-képmagasságánakafelepx;" width='xypx' height="zxpx" /> </div>

    Persze ez csak akkor működik ha tudjuk a kép szélességét magasságát. amúgy megjegyszem hogy ha csak vízszintesen akarjuk középre igazítani akkor a marginokat autora vesszük így középre igazodik.


    itt egy példa arra ha nem tudjuk a kép méreteit akkor hogyan lehet valamiben legalábbis igényesen középre helyezni:



    <div style='width:500px; padding-top:100px; padding-bottom:100px;'> <img src='kep.jpg' style="margin:auto;"/> </div>

    a overflowhoz még annyit hogy az egy rémálom. ha a bodynak adsz overlow meghatározást akkor a firefoxban működik és ie ben nem ha html nek akkor meg egyikben se. szóval az hogy ha túllóg egy oldal a képernyődön és a böngésző scrollozja az oldalt akkor nem minden böngésző ugyanarra rak scrollt van amelyik a htmlre van amelyik meg a bodyra ajánlom még tanulmányozásra mindenkinek ie ben hogy mit csinál ha a bodynak bordert adunk vagy mit csinál ha a html nek adunk bordert....... elég érdekes.


    A másik dolog hogy egyszer készítettem egy ajax-os chatet és ehhez két dív volt egymásba ágyazva nyilván egy idő után a tartalom túllóg tehát scrollozni kell de ha oldalra is túllóg nemcsak lefele akkor a megadott background image oldalra nem ismétlődött. Sajnos már nem emlékszem pontosan hogy hogyan volt minek milyen beállításai voltak de azért mindenesetre érdekes bug. Amásik hülyeség az hogy akkor most a margin padding az az elem szélességébe beleszámít vagy nem?

    Mondjuk szerintem a microsoft soha nem mossa le magáról azt az égést amit az internet explorerel csináltak. Égés.
    Mutasd a teljes hozzászólást!
  • én még sohasem használtam min/max-width-t
    Mutasd a teljes hozzászólást!
  • Lehet, nekem úgy tűnt, ezek működnek, csak a width nem túl következetes. (IE8)
    Mutasd a teljes hozzászólást!
  • tudomásom szerint az ie enélkül is sz. rik a min- max- width/height-re
    Mutasd a teljes hozzászólást!
  • Meg az is a bajom, hogy figyelmetlenül olvasok:

    Note: No versions of Internet Explorer (including IE8) support the property values "inline-table", "run-in", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table-row", or "table-row-group".


    Hogy ebből miért következik az, hogy a display:table-cell; megadása után az IE ignorálja a max-width értékét is, az más lapra tartozik.
    Mutasd a teljes hozzászólást!
  • Na jó, azért ez költői túlzás volt, de... de... ehhh...
    Mutasd a teljes hozzászólást!
  • nincs
    talán a PHP
    Mutasd a teljes hozzászólást!
  • Röviden összefoglalva... tán így is mondhatjuk.
    És IE6-ot még nem is néztem hozzá...
    A miértet hanyagolhatjuk is, alig tudok a neten olyan szabvány-féleségről, amit mindenki egyformán értelmez.
    Mutasd a teljes hozzászólást!
  • Nehezemre esik elfogadni (megértem, hogy így műxik, csak a szépérzékem lázadozik), hogy ha egy kisebb méretű elembe nagyobbat rakok, akkor sok esetben a nagyobb elem kilóg a kisebb méretűből.
    Próbáltam vertikálisan középre helyezni képet. Erre olyan megoldást találtam, hogy az img-t tegyem egy div-be, a div-nek meg adjak ilyesmit: style="display:table-cell; vertical-align: middle;" - ez szép és jó, csak bizonyos esetekben emiatt a div ahány böngésző, annyi formában jelenik meg.
    (eleve nem értem, mi az, hogy table-cell-ként jelenítek meg valamit, táblázaton kívül... )
    Ilyesmi...
    Mindenre van magyarázat, csak néha felnyomja a vérnyomásom és muszáj kiírni magamból.

    Mutasd a teljes hozzászólást!
  • Akkor neked az a problémád, hogy a CSS nem cross-browser, és hogy miért?
    Mutasd a teljes hozzászólást!
  • Na jó, egyelőre feladom a demonstrációs kísérleteket.
    Most csak annyit sikerült összehozni, hogy ha egy DIV-re beállítok olyat, hogy display:table-cell; akkor az IE nem foglalkozik a max-width értékével, míg a többi böngésző elfogadja.

    Tegnap valami olyat sikerült kihozni belőle, hogy overflow:auto; mellett a FF egyáltalán nem jelenítette meg a scrollbar-t, bár a tartalom kilógott belőle, az IE-nél nem volt rá szükség, mert olyan szélesre vette fel a DIV-t, az Opera csak a külső DIV-re jelenítette meg, míg a Chrome a külső és a belső DIV-re is tett egyet.
    Azóta farigcsáltam a CSS-ben elég sokat, már nem tudom, mit vehettem ki belőle, ami miatt ezt bírta csinálni.


    Mutasd a teljes hozzászólást!
  • De mi zavaros neked a CSS-ben?
    Hátha tudunk segíteni.
    Mutasd a teljes hozzászólást!
  • Persze, hogy néztem.
    Bár most inkább a Box model környékén nézelődök, de egyre zavarosabb a dolog.

    A poén, hogy a fw.hu-ra kiraktam azt, amire emlékeztem, de ott nincsenek olyan mértékű eltérések, mint amiket a saját szerveremre pakolt oldal kapcsán tapasztaltam. Vagy kihagytam valamit ebből a CSS-ből, vagy a fw még körérak valamit, ami miatt csökkennek az eltérések.
    Mutasd a teljes hozzászólást!
  • Én annyit tennék hozzá a CSS programozáshoz, hogy 2 féleképpen kell megírni egy CSS-t:
    1. Az általános
    2. IE

    ui.: Úgy veszem észre ahogy a nevedben is benne van ez a CSS neked nem megy

    Pedig csak meg kell érteni a lényegét, és akkor meglátod, nagyon ésszerű. nézted már a W3Schools oldalt?
    Mutasd a teljes hozzászólást!
  • Ez most FF3, IE8, Opera10 és Chrome volt... IE6-om már rég nincs.
    Sajnos csak a legfrissebb élményről tudok konkrétumokkal szolgálni: Egy DIV-be ágyazott DIV-be pakolt IMG-t próbáltam középre tenni... Majd ha lesz lelkierőm bekapcsolni a linuxomat, akkor bemásolom a részleteket is.
    Mutasd a teljes hozzászólást!
  • IE6 olyanokat tud néha produkálni, hogy a hajam égnek áll tőle, de a többi esetben szerintem ha normálisan tudsz kódolni, akkor nem probléma a több böngészőre fejlesztés. FF, chrome, opera, safari, ie6< nagyjából ugyanúgy viselkedik, néhány pozícionálásos hackeléstől eltekintve szerintem nem kimondottan nehéz crossbrowser kódot írni.

    Nem tudom, mi húzott fel ennyire
    Mutasd a teljes hozzászólást!
  • Melyik része?
    Mutasd a teljes hozzászólást!
  • Hatezz.. most komoly..?
    Mutasd a teljes hozzászólást!
  • Kezdek kiakadni: valahogy úgy képzeltem, hogy a CSS és a HTML valamiféle szabványok. Erre mit látok? A legegyszerűbb eseteket leszámítva, ahány böngésző, annyiféle megjelenítés. Könyveljem el, hogy ha szeretnék összerakni egy saját oldalt, akkor azt minden egyes, támogatni kívánt böngészőre meg kell írnom?
    Valaki, egy hasonló siránkozásom kapcsán már említette a Yahoo YUI resetet. Van amiben segít, de úgy tűnik, ez a ritkább... én meg itt ülök és csendben anyázok...


    Félre ne értsetek: nincs semmi konkrét feladványom, csak nézegetem a CSS-t, próbálnám tanulgatni és amit kipróbálok, azt megnézem több böngészőben is és elég feltűnő eltérések vannak FF, IE, Opera és Chrome között. És ez mind egy op.rendszeren... képzelem, mi vár még, ha linuxról is megpróbálom mindezt.
    Mutasd a teljes hozzászólást!
Ez a téma lezárásra került a moderátor által. A lezárás oka: minden probl�m�t k�l�n t�m�ban �s a tud�st�rban kell felvetni
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd