| Autor | Zpráva | ||
|---|---|---|---|
| Peta8 Profil |
Dobrý den,
rád bych pomocí CSS nasimuloval rámce - dva, horizontální. Horní by měl výšku 430 px a měl by pod sebou horizontální posuvník. Dolní by se "nehýbal". Stále se mi to však nedaří. Posuvník se totiž zobrazuje dole, a ne pod prvním rámcem. Prosím Vás o radu. CSS: * {margin: 0; padding: 0;}
html {height: 100%;}
body {height: 100%; background: #fff; text-align: center; font: 15px Arial, Helvetica, sans-serif; position: relative; min-width: 990px; overflow: visible;
}
.obsah {height: 430px; background: #000033; padding: 0 50px; text-align: left; color: #fff; position: absolute; top: 0; left: 0; overflow: scroll;} /* horni ramec */
.vysvetlivky {position: fixed; top: 430px; left: 0; right: 0; bottom: 0; overflow: auto; background: #fff;} /* dolni ramec */HTML: <div class="obsah">
<div style="width: 6000px; height: 20px; background: pink;"></div>
</div>
<div class="vysvetlivky">
<div class="vysvetlivky-in">
<h1></h1>
<p></p>
</div>
</div> |
||
| preca1 Profil |
#2 · Zasláno: 17. 8. 2013, 12:09:06
Zdravim,
moc nechápu čeho chceš dosáhnout. Co znamená "simulace rámců" v CSS? Chceš mít dva bloky pod sebou a ten vrchní aby měl scrollovátko? <style>
.horni {height: 430px; background-color: red; overflow-x: scroll;}
.dolni {width: 600px; height: 200px; background: pink;}
</style>
<div class="horni">zadek</div>
<div class="dolni">falafel</div> |
||
| Peta8 Profil |
#3 · Zasláno: 17. 8. 2013, 16:07:03
Děkuju. Šel jsem na to moc složitě :-)
|
||
|
Časová prodleva: 11 let
|
|||
0