Autor Zpráva
timi
Profil *
zdravim vas,

mam taky malicky problem, no ono to je skor vacsi. Mate stranku o troch horizontalnych divoch kde header a footer ma mat pevnu polohu ale nie pevnu vysku. Treti div je medzi nimi a ma byt vzdy na 100% medzi tymi dvoma cize headrom a footrom. Je to vobec mozne nieco take urobit bez js len zapomoci css?
M**
Profil *
nevím, jak to myslíš. zkus přiložit zdroj. kód.
timi
Profil *
ok, ale toto je zle. Je tam pevne stanovena vysky headru a footru coz ja nechcem. Proste nic nesmie byt presne dana vyska. Ked dam text do footru tak sa prisposobi content ked dam nieco do headru tak sa prisposobi content a ked content bude presahovat nech to scroluje.



<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

<style type="text/css">
body
{
margin: 0px 0px 100px 0px;
padding: 0;
text-align: center;
}

#header, #content, #footer
{
width: 600px;
text-align: left;
}

#header
{
margin: 0px auto;
background-color: #666;
height: 50px;
position: relative;
}

#content
{
background-color: #ccc;
height: 100%;
border-top: 0px solid #990000;
border-bottom: 50px solid #990000;
margin: 0px auto -100px;
overflow: auto;
}

#footer
{
margin: 50px auto -100px;
height: 50px;
background-color: #666;
position: relative;
}
</style>

<!--[if IE]>
<style type="text/css">
body
{
margin: 0px 0px 50px 0px;
overflow-y: hidden;
}
</style>
<![endif]-->
</head>
<body>


<div id="header">
header
</div>
<div id="content">
fsdfs
<p>Lorem ipsum dolor sit amet consectetuer sit nibh at hendrerit Nam. At orci sit senectus ut ultrices non risus id Nulla vitae. Sed Cras tempus elit pede felis est egestas vel quam wisi. Commodo neque tempor pellentesque pellentesque urna malesuada mattis et lobortis Integer. Tincidunt metus odio id In nunc egestas.</p>
<p>In lacus laoreet convallis leo nonummy habitasse rutrum lacinia Quisque netus. Tellus laoreet nonummy Proin velit neque urna cursus pretium et non. Eu Curabitur consequat semper tincidunt tincidunt lorem egestas lacinia lorem convallis. Consequat et elit ante montes ut Curabitur et in odio elit. Tortor libero pede mauris et vel urna tempus Nulla sed Nulla. Habitasse Phasellus vitae eros vitae.</p>
<p>Cras cursus orci dui ante convallis convallis Nam volutpat mattis Donec. Consectetuer elit Nullam Sed sociis vel lobortis pellentesque ut nulla dis. Malesuada dis id Nam elit quis id urna Cum quis Curabitur. Ut rutrum mollis interdum eleifend consectetuer velit nunc molestie Curabitur Pellentesque. Scelerisque nulla accumsan Vestibulum Curabitur enim accumsan dolor auctor et risus. Id congue Ut.</p>
<p>Adipiscing Curabitur lacinia wisi vitae ipsum Aenean dolor Nullam Nullam gravida. Morbi congue eu a risus In eros nibh rutrum massa semper. Malesuada et pellentesque sapien facilisi interdum velit gravida faucibus libero pede. Ornare felis arcu et id faucibus adipiscing elit consectetuer lobortis Phasellus. Condimentum Aliquam Aenean augue velit et eleifend orci Nullam netus Vestibulum. Pellentesque adipiscing metus id.</p>
<p>Quis pellentesque dui Aliquam orci eros Nam orci ante auctor lobortis. Urna vel natoque interdum magnis condimentum auctor malesuada Lorem Donec interdum. Quis justo metus metus Fusce odio mus tellus wisi consectetuer habitant. Tempor laoreet Nam sit Nulla justo et tellus id Proin et. Sagittis netus Quisque wisi Sed fringilla tellus nibh elit ac pretium. Scelerisque consequat semper dui id.</p>
<p>Interdum et mus nibh quis fames lorem ipsum wisi neque lacinia. Mattis pulvinar tincidunt volutpat Suspendisse odio wisi in lacinia consequat et. In nunc ligula porta Curabitur metus congue turpis urna convallis pretium. Tempor vel dignissim tellus nunc In a purus vel aliquet id. At et ac pede et Donec condimentum justo vitae neque Morbi. Mauris nibh feugiat.</p>
<p>Quis dolor id tempor platea volutpat tempus convallis vestibulum odio urna. Semper nec enim mauris pretium ante Aenean vitae convallis justo massa. A a sem fringilla ut velit tortor vitae Vivamus risus feugiat. Porttitor cursus wisi sit a orci Maecenas ac ac Quisque aliquet. Velit In leo a malesuada sociis tempus sodales malesuada Maecenas semper. Ridiculus Ut Aliquam scelerisque Aenean scelerisque nibh in ac montes.</p>
<p>Quis turpis Integer vel vitae platea justo velit at magnis pretium. Consectetuer In Vestibulum est tempor Proin semper eleifend amet auctor malesuada. In Sed ac enim Curabitur ut ut lacus nisl lacus interdum. Ac at eu nunc Vestibulum Proin hendrerit nunc Maecenas rutrum at. Eget nulla elit ac In ridiculus id Curabitur tincidunt tellus dictumst. Tempus malesuada felis nec lacinia Vestibulum nec vel pretium justo Nam. Condimentum Aenean Curabitur.</p>
<p>Suspendisse non Aliquam condimentum fames sed ornare faucibus neque Nulla magna. Semper tortor tellus lobortis Nunc justo augue cursus habitasse id enim. Metus quis Nullam magnis nibh In quis Morbi ligula dolor et. Faucibus Sed urna risus felis porttitor interdum sed nibh dolor id. Interdum nibh quis felis habitasse enim nisl lacus Integer auctor netus. Habitasse facilisis et quam tellus.</p>
<p>Felis a enim Curabitur malesuada ac mauris Curabitur molestie malesuada mus. Molestie laoreet dapibus lacinia justo Curabitur tempor Duis et interdum accumsan. Metus et condimentum In pretium dictumst Vestibulum morbi volutpat consectetuer velit. Molestie sed eu venenatis tempus ridiculus eget lobortis adipiscing elit Maecenas. Curabitur diam facilisi morbi Proin aliquam ante Sed neque mauris convallis. </p>
<p>Morbi scelerisque Duis quis justo convallis leo tempor diam tellus quis. In sem laoreet eu Donec egestas elit Praesent id Maecenas ornare. Elit sed est consequat Phasellus odio mauris Phasellus orci orci Nunc. Cursus interdum Vestibulum Lorem a et nec metus facilisis Nulla quis. Et vel congue egestas eu at.</p>
<p>Elit lacus pretium auctor Duis et laoreet Curabitur In orci netus. Morbi sollicitudin laoreet Ut Duis Vivamus commodo sit turpis massa eros. Tellus mollis morbi nulla quis Vestibulum interdum tincidunt pulvinar est eros. Facilisi pede Sed elit et tincidunt In faucibus lacus aliquet accumsan. Sagittis eros tincidunt nunc tincidunt quis ultrices dui Vivamus Sed wisi. Leo ligula.</p>
<p>Gravida Praesent congue tincidunt felis quis auctor Mauris interdum Morbi mauris. Adipiscing Aenean wisi Nam arcu at magnis a congue ante sit. Integer Pellentesque sollicitudin orci ut lorem hac Curabitur sapien vitae sed. Pretium eu laoreet nulla id Morbi elit dui pharetra Vestibulum eu. Adipiscing nibh Morbi libero nibh Aenean Vestibulum adipiscing lorem Pellentesque velit. Maecenas felis leo id in volutpat.</p>
<p>Phasellus pretium Pellentesque In Vestibulum Lorem nec urna Morbi wisi nulla. Lacus id vitae nec velit ut vitae Donec id penatibus pretium. Habitasse consequat gravida diam nec consequat fringilla laoreet vel felis Integer. Consequat et amet natoque aliquam sem condimentum Suspendisse et amet sem. Lorem habitant sollicitudin Nam neque vel neque.</p>
<p>Consequat at laoreet et tincidunt non platea cursus quam Duis In. Et penatibus augue Nullam at neque Nullam nec turpis odio turpis. Turpis neque semper justo Vestibulum quis Fusce Vestibulum tellus vitae Aliquam. Nisl et Maecenas a sapien Quisque enim congue In Curabitur Curabitur. Arcu leo adipiscing netus quis volutpat Vestibulum magna purus aliquam Quisque. Eros pulvinar urna mus velit tincidunt.</p>

</div>
<div id="footer">
footer
</div>


</body></html>

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: