Firefox és a horizontális gördítősáv


Apró de idegesítő hiba, mikor egy oldalon az iframe mind a horizontális, mind pedig a vertikális gördítősáv megjelenik annak ellenére, hogy a tartalom csak vertikálisan gördíthető. Ilyenkor van egy aktív vertikális gördítősávunk és egy inaktív horizontális, ami rontja az összképet.

Erre megoldás jelent az alábbi css részlet:

1
2
3
4
5
#valaminev {
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: auto;
	}

A hozzá tartozó HTML részlet pedig így néz ki:

1
<iframe src="betoltendofileneve.html" height="300" scrolling="yes" width="300" id="valaminev"></iframe>

A fenti kódrészlet eredményeképpen most már a firefox alatt sem fog megjelenni az inaktív horizontális gördítősáv.

Kapcsolódó bejegyzések:
  • A fórumon egyre gyakrabban előfordul a kérdés, hogy hogyan lehet weblapon gördíthető (scroll-ozható) sávot létrehozni IFrame nélkül. Ezt legegyszerűbben CSS segí …

  • Az “iframe”-eket a lapodon teljesen eltüntetheted ha a kód végére beilleszted a transparency=”true” értéket, valahogy így: kódAztán a “page.html” (v …

  • Előfordulhat olyan eset honlapszerkesztés közben, hogy a honlapon szeretnél kitenni egy hosszabb szöveget, de úgy, hogy ne legyen nagyon “hosszú” lefele a la …

  • A CSS-ben a középre igazítás mindig is nehéz feladat volt, mert a böngészők máshogyan értelmezik a CSS tulajdonságokat, ráadásul vertikális középre igazítás ninc …

  • Megjelent a W3C HTML5 logo hivatalos verziója. Az oldalán (http://www.w3.org/html/logo/) elérhető ahonlapokba illeszthető kód (most már lehet …

A cikket beküldte: Harder (http://blog.harder.hu)

Szólj hozzá
a Firefox és a horizontális gördítősáv c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>