Implementáció-függő

Inspector Dim

Tegnap este jött elő az a furcsa jelenség egy készülőben lévő honlap dajkálása közben, hogy az 1000px szélességűre állított page-wrap azonosítójú befoglaló elem elkezdett szűk lenni vállban, pedig a benne lévő 300px és 640px széles diveken semmit nem módosítottam. Így viszont lett szép gördítősávom alul-felül.

Érdekessége a problémának, hogy ez csak és kizárólag Google Chrome-ban van így, más böngészőkben (még IE8-ban is!) elférnek a belsőségek, illetve néhány oldalnál ott sem (de nem leltem az összefüggést).

Aztán az Inspector Computed Styles nézetében megláttam ezt:

Érdekes jelenség a Chrome Element Inspectorban

Amint látható, a page-wrap elem szélessége 1000px-nek van definiálva, de csak 983px szélesen jelenik meg. Szuper! Már csak tudni kellene, hogy miért! Ötletek esetleg? A leendő megoldást azon melegében leközlöm.

Nfol

3 hozzászólás

  1. Hmm, előző kérdésem megválaszolva.
    Először azon gondolkodtam, hogy a jobb oldali csúszka szélességét vonogatja le, de rájöttem, hogy az egetverő marhaság. Viszont az is, hogy így működik. A google nem adott értelmes találatot. Titkolózunk?

    Dicska #
  2. Mintegy tíz perce birtokomban van a tudás, de olyan fakerék egyszerűségű, hogy szégyellem is leírni.

    Szóval kikommenteztem az összes elemet az oldalon, aztán egyesével visszaengedtem őket, közben nyomkodtam az F5-öt, hogy lássam, melyiknél romlik el. Kiderült, hogy egy br tag okozza, ami miatt az egyik doboz szélesebb lett a kelleténél (x+0 != x?). Ez még mindig nem magyarázza meg, hogy ettől a mellette jobbra lévő másik doboz miért csúszott el balra, mindenesetre kiszedtem a br-t és így eltűntek a gördítősávok.

    Jó móka volt, sokat nevettem.

  3. Sejtem, persze Szülői kapcsolatok emlegetése nélkül: ). Örülök, hogy rendbejött

    Dicska #

Itt lehet puttyogtatni!

Told ki Twitterre, oszd meg Facebookon vagy írj hozzászólást!