Bőngészők vs. CSS overflow-x: auto;

Ja. Valamikor csináltam a HUP CSS-ébe egy kis overflow: auto; megoldást, hogy a sok ócskán formázott blogbejegyzés és hozzászólás ne nyomja szét az oldal kinézetét. Valami ilyesmi:


.node .content {
  margin: 6px;
  overflow-x: auto;
  overflow-y: hidden;
}

és

.comment .content {
  overflow-x: auto;
  overflow-y: hidden;
}

Hozzászólások

Nézem és próbálgatom, de az Opera nem akarja tudni hogy mihez képest is kéne neki ezt csinálnia, hacsak nem síma overflow-t használsz. Az overflow-x meg overflow-y hatástalan ezzel a doctype-pal Operára, ahogy nézem.

Az overflow:auto; megtette a hatását, függőlegesen úgyis van hely, nincs fixálva a mérete a content divnek.

Akkor definiálj egy osztályt a blogbejegyzések tartalom divjére, és add hozzá az eddigi content-hez. Vagyis így nézne ki:


.autoscrollbar {
overflow:auto;
}

A blogbejegyzéseket generáló rész meg


<div class="content autoscrollbar">

lehetne. És csak az amelyikben a blogtartalom leend. Túl sok div van "content" osztályban.

(vagy egyszerűen a blog-contentek divjébe inline styleként berakod az overflow:auto-t)

Mindenképpen maradni fog. Nem csak azért mert én is azt használok, hanem azért mert ez pluszt nyújt, negatív hatása úgy fest nincs. De jó lett volna kiterjeszteni több böngészőre is. Én abban voltam, hogy böngészőkben is megy, egész addig, amíg meg nem néztem.

--
trey @ gépház

Ha nincs fix szélesség beállítva a nodera, akkor így viselkedik.

Mivel nem csak "Firefox only" az oldal, ez egy kicsit túlzás lenne, azonban az "Ajánlott böngésző" a bal oldalon megállja a helyét. :) Majd ha lesz időm, akkor kitalálok valamit, de kompromisszumok nélkül vagy egyéb munka nélkül úgy fest, hogy nem lehet megcsinálni. Sőt, újabb beta Opera-ban is jó.

--
trey @ gépház

Az idő mindent megold. :) Addig is lehet a hup.hu-hoz rendelni saját css-t rendelni az Operásoknak. :)
Jobbklikk, Oldal beállításainak szerkesztése, Megjelenés fül, Saját stíluslap.
Mondjuk legyen hup.css, a fájl tartalma:
.node .content{overflow:auto}

...

Találtam működő hacket Operára, mely idővel el fog avulni:


<style type="foo/css">.node .content {overflow:auto;}</style>

Nálam ez a kód megy:


<div style="width: 50%;overflow-x: auto;">
Valaminagyonhosszúszövegvazegezígynembiztoshogyjóleszdemeglátjukmertjaésmégvalamiezittmáskilóg.
Sok<br>, kiszedtem.
</div>

Szerintem a te css-edből hiányzik a szélesség megadása. Azt nem tudom, hogy eredetileg %-ban vagy px-ben van megadva az oldalbar szélessége, ha px, akkor szívás... :/

Viszont érdekes, ha megadom, hogy height: 50%;overflow-y: visible; akkor is kiteszi függőleges scrollbart. :/

Böngésző: konqueror.

Egyébként ezt: "hogy a sok ócskán formázott blogbejegyzés" konkrétan rám értetted vagy általánosságban?

Pedig még az img tagben megadtam a megjelenítendő felbontást, hogy ne legyen belőle probléma; bár így lehet, hogy arra is gondolnom kellett volna, nem mindenki 1280xakárhányban böngészik?

Tényleg, egyébként nem tudnál vmi statisztikával szolgálni, hogy a hupböngésző emberek mekkora felbontást alkalmaznak?