iframe css-sel

[Kovács Gyula (MiniDisk)]

http://www.citrusmoon.net/miscitems/mimic/this2.html

 

Ez itt a példaoldal.

[benkovics]

Opera-val, és IE-vel szép! De Firefox-szal....... Elég rosszul néz ki!

[Kovács Gyula (MiniDisk)]

Érdekes, nekem teljesen egyforma Firefoxszal, és Internet Explorerrel is.

 

Ja! Hogy a scrollbar! Felejtsd el! Maximálisan szabványtalan a scroll szinezése. Jól néz ki, de nem szabványos. Nézd meg css validatorral. Szégyen, hogy egy ilyen szép lapot így elrontanak. (De a technika nagyon szuper! (a frame megoldása) )

[benkovics]

Néztem!

Az biztos, hogy jó, ötletes a megoldás! Csak ronda.......

[benkovics]

És mégis.....

Szükségem lenne rá! Hogyan tudom ezt megoldani?

Mert néztem a kódot, de nem tudom beállítani!

[Kovács Gyula (MiniDisk)]

A #text, és a #box értékein kell állítani a css-ben.

[benkovics]

Egy konkrét példát elmagyaráznátok? Hogy mit miért kell állítani?

Mert ez amit írtál, (illetve amit küldtél is,) sajnos nekem kínai....

[Kovács Gyula (MiniDisk)]

Konkrétan mi az ami nem sikerül? Tehát hol jelentkezik a hiba?

[benkovics]

A példa alpján, ha beírom, akkor teljesen rossz helyen jelenik meg.... ráadásul minden böngészõben máshol....

[Kovács Gyula (MiniDisk)]

Kellene kód. A css is, illetve a html is.

[benkovics]

Oké!

Este átküldöm.......

Mert egyelõre nem publikus...... Tudod?

[Kovács Gyula (MiniDisk)]

Rendben.

[benkovics]

Nos!

Köszi a segítséget, már készen is van!

De ide is leírhatnád, hogy meglegyen! Ha valaki más is szeretné használni.....

[Kovács Dávid ( Davs )]

Pl én Egyébként nekem sem színezõdik a scrollbar.

[Kovács Gyula (MiniDisk)]

A scrollbar nem is fog minden böngészõben szinezõdni, a fentebb leírtak miatt.

 

iframe css-el.

 

Hozz létre egy div-et, amibe a scrollozható tartalmat szeretnéd tenni.

Például:

<div id="frame></div>

 

Hozz létre egy css fájlt, amiben a frame határozót beállítod:

 

#frame {
overflow: auto;
position: absolute;
width: 567px;
height: 345px;
margin: 0;
padding: 0 10px 0 0;
}

 

Ahol a width, és a height értékekkel lehet beállítani a framne keret méretét.

A padding és a margin értékeket értelemszerüen kell beállítani, kód környezet alapján.

És tulajdonképpen kész is. A scroll akkor jelenik meg, ha a tartalom hossza túlnyúlik a frame keret beállított hosszúságán. (height értéke)

[Darcy Tucker]

A scrollbarnak hogyan lehet a tulajdonságait (szín, stb.) befolyásolni CSS segítségével?

[Garono]

Egy példa:

body {
   scrollbar-base-color:FF9900; 
   scrollbar-track-color:000000; 
   scrollbar-face-color:000000; 
   scrollbar-highlight-color:000000; 
   scrollbar-3d-light-color:FF9900; 
   scrollbar-dark-shadow-color:FF9900; 
   scrollbar-shadow-color:FF9900; 
   scrollbar-arrow-color:FF9900
}

De ez nem szabványos, szóval a Validator hibának fogja venni. Ráadásul Firefoxban nem is lesz színes.

[Kovács Gyula (MiniDisk)]

És ennek mi köze az iframe-hez? nem beszélve arról, hogy ez lassan minden webes topicban meg van válaszolva!