Autor Zpráva
Vikina
Profil
#1 · Zasláno: 19. 3. 2007, 14:10:09
Odpovědět Citovat
Potřebovala bych poradit se zobrazováním obsahu v divech. Při rozlišení 1024 se všechno zobrazuje perfektně, ale při vyšších rozlišeních "ujíždí" menu, obsah containeru a scrollbar-containeru doleva. Relativní pozicování nepomáhá. Pomoc ....


<link href="styl.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="scroller.js"></script>
<script type="text/javascript" src="scrollbar.js"></script>
<script type="text/javascript">
var scroller = null;
var scrollbar = null;
window.onload = function () {
scroller = new swScroller(document.getElementById("scroller"), 500, 450);
scrollbar = new swScrollbar (document.getElementById("scrollbar-container"), scroller, false);
}
</script>

</head>
<body topmargin="0">


<div id="menu">bla bla bla</div>


<div class="container">
<div id="scroller">
<div class="scroller-container" style="margin: 0; padding: 10px">

obsah bla bla bla....

</div></div></div>


<div id="scrollbar-container">
<img src="pictures/sipka_up.gif" class="scrollbar-up"><img src="pictures/sipka_down.gif" class="scrollbar-down">
<div class="scrollbar-track"><img src="pictures/lilia_black.gif" class="scrollbar-handle"></div>
</div>


<div class="body" align="center">
<div class="background">
</div>
</div>



CSS:

.body {
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}
#menu {
position:absolute;
left:115px;
top:400px;
width:205px;
height:385px;
}
.container {
position: absolute;
top:400px;
width:500px;
height:450px;
left: 345px;
border: 1px #565759 dashed;
z-index: 1;
}
#scroller {
position: absolute;
width:500px;
height:450px;
overflow: hidden;
z-index: 2;
}
.scroller-container {
position: absolute;
top: 0px;
left: 0px;
z-index: 3;
}
#scrollbar-container {
position: absolute;
top: 400px;
left: 855px;
}
.scrollbar-up {
cursor: pointer;
position: absolute;
left: 0px;
top: 0px;
}
.scrollbar-track {
position: absolute;
top: 25px;
width: 22px;
height: 397px;
left: 0px;
z-index: 4;
}
.scrollbar-handle {
position: absolute;
width: 22px;
height: 22px;
z-index: 5;
}
.scrollbar-down {
cursor: pointer;
position: absolute;
top: 425px;
z-index: 6;
}
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0