Nikolla983
Obećava
- Poruka
- 87
Narode treba mi mala pomoc, naime petljam nesto sa div-ovima i situacija je sledeca: u glavnom div-u imam div-ove sa nazivima NASLOV, NAVIGACIJA, GLAVNI DEO i FOOTER. Naslov i naviigacija uvek ostaju na istom mestu i to je ok, a interesuje me kako da definisem osobinu div-u GLAVNI DEO da ima height u zavisnosti od broja elemenata u njemu (da nije fixan; naravno to odmah povlachi i predefinisanje osobine height za div OMOT koji sve to uokviruje u jednu celinu) i kako da zadam div-u FOOTER da prati donji levi cosak div-a GLAVNI DEO, tj. da se pomera u zavisnosti od velicine div-a GLAVNI DEO. Evo nekog mog koda:
<html>
<head>
<title>EPG - sistem za bla bla...</title>
<style type="text/css">
#omot {
margin:auto;
width:900px;
height:800px;
}
#banner {
position:absolute;
margin-left:0px;
margin-top:0px;
width:900px;
height:157px;
background:url(images/epas_02.jpg);
}
#navigacija {
position:absolute;
margin-left:0px;
margin-top:157px;
width:900px;
height:33px;
background:#D3C499;
}
#glavni_deo {
position:absolute;
margin-left:0px;
margin-top:190px;
width:900px;
height:505px;
background:#98e6ea;
}
#footer {
position:absolute;
margin-left:0px;
margin-top:695px;
width:900px;
height:33px;
background:#D3C499;
}
body {
background-image: url(images/poz.jpg);
}
</style>
<body>
<div id="omot">
<div id="banner">
</div>
<div id="navigacija"> </div>
<div id="glavni_deo"></div>
<div id="footer">
</div>
</div>
</body>
</html>
Hvala vam unapred za vreme odvojeno za citanje ove poruke!
<html>
<head>
<title>EPG - sistem za bla bla...</title>
<style type="text/css">
#omot {
margin:auto;
width:900px;
height:800px;
}
#banner {
position:absolute;
margin-left:0px;
margin-top:0px;
width:900px;
height:157px;
background:url(images/epas_02.jpg);
}
#navigacija {
position:absolute;
margin-left:0px;
margin-top:157px;
width:900px;
height:33px;
background:#D3C499;
}
#glavni_deo {
position:absolute;
margin-left:0px;
margin-top:190px;
width:900px;
height:505px;
background:#98e6ea;
}
#footer {
position:absolute;
margin-left:0px;
margin-top:695px;
width:900px;
height:33px;
background:#D3C499;
}
body {
background-image: url(images/poz.jpg);
}
</style>
<body>
<div id="omot">
<div id="banner">
</div>
<div id="navigacija"> </div>
<div id="glavni_deo"></div>
<div id="footer">
</div>
</div>
</body>
</html>
Hvala vam unapred za vreme odvojeno za citanje ove poruke!