IFRAME pomocí CSS

Myslíte, že to co vidíte je iframe ? Ne, není to iframe. Ukážeme si jak tento efekt rychle vytvořit.

O NÁS
Jsme tým mladých lidí, kteří sice ještě nesnědli všechnu moudrost světa a nedokážou mluvit jako naši slavní politici, ale přeci jenom máme za sebou kus práce. Doporučujeme shlédnout reference.

PROČ WWW PREZENTACI
Kolik platíte za reklamu ve Vaší firmě? Je to méně než 10 tisíc za rok. Internetová prezentace je nejlevnější forma reklamy, a rovněž v dnešní době nezbytná součást Vašeho image.

text z banan.cz

Základním stavebním kamenem je definovaný blok s pevnou výškou (resp. šířkou) a nastavení přetekání - overflow na auto. .a_to_je_ten_iframe {
overflow: auto;
width: 200px;
height: 100px;
padding:10px;
}

Pokud nám to stačí, můžete vytvořit bloky s tímto stylem.

<div class="a_to_je_ten_iframe">
dlouhýýýýýýýýýýý text .....
</div>

A výsledek:

O NÁS
Jsme tým mladých lidí, kteří sice ještě nesnědli všechnu moudrost světa a nedokážou mluvit jako naši slavní politici, ale přeci jenom máme za sebou kus práce. Doporučujeme shlédnout reference.

PROČ WWW PREZENTACI
Kolik platíte za reklamu ve Vaší firmě? Je to méně než 10 tisíc za rok. Internetová prezentace je nejlevnější forma reklamy, a rovněž v dnešní době nezbytná součást Vašeho image.
Nyní můžete třídu a_to_je_ten_iframe si graficky upravit, ale rozhodl jsem se pro vložení této třídy do jiného bloku, který graficky doladím. Uvádím kompletní zdrojový kód toho, co je zobrazeno v úvodu.

<STYLE type=text/css>
#blok {
text-align: justify;
width: 210px;
background: #E7E7DE;
font-size:11px;
scrollbar-face-color: #E7E7DE;
scrollbar-highlight-color: #F7F7F7;
scrollbar-darkshadow-color: #F7F7F7;
scrollbar-3dlight-color: #000;
scrollbar-shadow-color: #000;
scrollbar-arrow-color: #215994;
scrollbar-track-color: #E7E7DE;
border:#0b453f 1px dotted;
}
.mezera {
padding: 5px;
}

.a_to_je_ten_iframe {
overflow: auto;
width: 200px;
height: 100px;
padding:10px;
}

</STYLE>
<div id="blok">
<div class="mezera">
<div class="a_to_je_ten_iframe">
<b> O NÁS</b><br>
Jsme tým mladých lidí, kteří sice ještě nesnědli všechnu moudrost světa a nedokážou mluvit jako naši slavní politici, ale přeci jenom máme za sebou kus práce. Doporučujeme shlédnout reference.
<p>
<b>PROČ WWW PREZENTACI</b><br>
Kolik platíte za reklamu ve Vaší firmě? Je to méně než 10 tisíc za rok. Internetová prezentace je nejlevnější forma reklamy, a rovněž v dnešní době nezbytná součást Vašeho image.
</div>
</div>
</div>


Nastavení rolovacích lišt (srollbar) podporuje pouze IE. Pod jinými prohlížeči je tato vlastnost ignorována.