ugrás a tartalomhoz

Görgetősáv magában az oldalban

Anonymous · 2005. Ápr. 22. (P), 17.10
Sziasztok!

Az lenne az én kérdésem, hogy mi módon lehet egy görgetősávot elhelyezeni magában az oldalon (közepén , bal odalt stb. Pl van egy 300x300-as rész és oda szeretnék beszűrni egy hosszabb szöveget, de magát a 300x300-as helyet nem szeretén hogy nyúljon, mivel a háttéret fix-nek szeretném. Ide kellene egy egy görgetősávot berakni csak zat nem tudom ilyet hogyan lehet...

Üdv: b4zs0w1cZ!
‹ Extjs DESKTOP űrlapadat mentése fájba ›
 ■
1

overflow

kgyt · 2005. Ápr. 22. (P), 19.11
A css overflow körül nézelődj...

--
Szeretettel: Károly György Tamás
kgyt&kgyt.hu - http://kgyt.hu
2

css overflow

Tome · 2005. Ápr. 23. (Szo), 09.29
Ha div-ről van szó:
<div style="width : 300px;height : 300px;overflow : scroll;">a szöveg amit majd scroll-ozni lehet...</div>
3

NEM CSAK DIV!

Jano · 2005. Ápr. 23. (Szo), 12.57
Sokan ha CSS-t hallanak egyből DIV-ekre aszociálnak. CSS szabályokat minden HTML elemhez lehet illeszteni! SŐT ez az elsődleges cél. DIV-et vagy SPAN-t csak akkor kell használni ha más elemet nem tudunk. A HTML elemeknek jelentése van, ami a szerepükre utal. A DIV és a SPAN jelentés nélküli általános elem, amiket csak akkor használunk ha nincs az adott szerepre előre definiált elem, vagy csoportosítani akarunk több elemet.

Tehat overflow-t is lehet más elemekhez kapcsolni. Bár valószínűleg az adott esetben, pont egy DIV-re lesz szükség, mert több elem összefogásáról van szó.
4

ha != csak

Tome · 2005. Ápr. 23. (Szo), 14.57
Szerintem az overflow-t legtöbbször div-nél használjuk (ott van értelme). Egy bekezdésekre tagolt szövegnél (p) szerintem felesleges használni az overflow-t. Ha az oldal felépítése ezt megköveteli, akkor inkább az egészet belerakom egy "dobozba" és annak adom a túlcsordulás tulajdonságot. Véleményem szerint így sokkal átláthatóbb.
5

Csak függőleges görgetősáv

pcgyerek · 2005. Aug. 2. (K), 14.34
Azt meg lehet csinálni, hogy csak a függőleges görgetősáv látszódjon?
6

Igen

kgyt · 2005. Aug. 2. (K), 14.42
width: 100%;

--
Szeretettel: Károly György Tamás
kgyt(a)kgyt.hu - http://kgyt.hu
7

Nem megy

pcgyerek · 2005. Aug. 3. (Sze), 00.45
Nem működik
8

Megoldható

nAgYu · 2005. Aug. 3. (Sze), 07.31
Kicsit bele kell mászni a különböző böngészők lelkivilágába...
Ha -esetünkben- egy 300px széles, és ugyanilyen magas "doboz"-ról beszélünk, akkor a beleírandó szöveg szélességét is szabályoznunk kell ahhoz, hogy a vízszintes görgetősáv ne jelenjen meg, mert a szöveg igyekszik kitölteni a 300px-nyi helyet, de ebből a 300px-ből a gördítősáv levesz kb. 20-25px-t, attól függően, hogy melyik böngészővel szimpatizálunk...

Valahogy így kellene megoldani:

HTML:
<div class="container">
<p class="content">ide jön a scrollozandó szöveg...</p>
<p class="content">ide jön a scrollozandó szöveg...</p>
<p class="content">ide jön a scrollozandó szöveg...</p>
<p class="content">ide jön a scrollozandó szöveg...</p>
<p class="content">ide jön a scrollozandó szöveg...</p>
<p class="content">ide jön a scrollozandó szöveg...</p>
<p class="content">ide jön a scrollozandó szöveg...</p>
</div>


CSS:
.content {/*ide jöhetnek a formázások...*/
 width: 275px;}

.container {/*ide meg írhatunk mindenféle pozícionálást*/
   width: 300px;
            height: 300px;
            overflow: auto;}


Jó, tudom a <p class="content"> nem túl elegáns, de mentségemre szolgáljon, hogy reggel fél nyolckor, egy kávé után csak ennyire tellik...:-)

Üdv.:

nAgYu
9

Szerintem erre gondoltál

Fáraó · 2010. Júl. 25. (V), 23.01
Hali

Nekem is ez volt a gondom, mert hiába nem volt akkora a szöveg, de vízszintes görgetősáv akkor is ott volt csak nem lehetett vele mit kezdeni

Én ezt a megoldást találtam:
<div style="width : 300px;height : 300px;overflow : auto;">