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
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
Děkuju. Šel jsem na to moc složitě :-)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: