Как поместить DIV вправо чтобы его часть была за пределами видимого окна и при этом не было горизонтальной полосы прокрутки?
[Only registered and activated users can see links. Click Here To Register...]
Вид для печати
Как поместить DIV вправо чтобы его часть была за пределами видимого окна и при этом не было горизонтальной полосы прокрутки?
[Only registered and activated users can see links. Click Here To Register...]
надо отключить только горизонтальную или всю прокрутку? если всю, то так:
если только горизонтальную, то поместите ваш div в контейнер, прилегающий к краю окна и дайте контейнеру свойство overflow:hidden;Код:<html>
* *<style>
* * * *div {
* * * * * *position: absolute;
* * * * * *right: -40px;
* * * * * *width: 100px;
* * * * * *height: 70px;
* * * * * *overflow: hidden;
* * * * * *background-color: Red;
* * * * * *font: 11px/70px Verdana, Tahoma, Geneva, sans-serif;
* * * * * *color: White;
* * * * * *text-align: center;
* * * * * *}
* * * *body {
* * * * * *overflow: hidden;
* * * *}
* *</style>
* *<body>
* * * *<div>Image</div>
* *</body>
</html>
null, огромнейшее спасибо!
null можно подробнее, мне нужна вертикальная полоса
Код:<head>
<style>
BODY {margin: 0px; padding: 0px}
.body {
****overflow: hidden;
****float: right;
****width: 35px
****}
.block{
****overflow: hidden;
****width: 70px;
****height: 50px;
****margin-right: -50px;
****margin-bottom: 10px;
****background: red;
****font: bold 11px/50px Tahoma;
****color: #FFF;
****text-align: center
}
</style>
</head>
<body>
<div class="body">
</div>
</body>
</html>
с абсолютным позиционированием боритесь сами [Only registered and activated users can see links. Click Here To Register...]Код:<html>
* *<style>
* * * * * *div.cropped {
* * * * * * * *position: absolute;
* * * * * * * *right: -40px;
* * * * * * * *width: 100px;
* * * * * * * *height: 70px;
* * * * * * * *overflow: hidden;
* * * * * * * *background-color: Red;
* * * * * * * *font: 11px/70px Verdana, Tahoma, Geneva, sans-serif;
* * * * * * * *color: White;
* * * * * * * *text-align: center;
* * * * * *}
* * * * * *div.container {
* * * * * * * *position: absolute;
* * * * * * * *right: 0px;
* * * * * * * *width: 60px;
* * * * * * * *height: 70px;
* * * * * * * *overflow: hidden;
* * * * * *}
* * * *</style>
* * * *<body>
* * * * * <div class="container">
* * * * * * * *
* * * * * *</div>
* * * *</body>
</html>
а не легче для body сказать overflow-x:hidden?
null всё ок, спасибо!
А реально ли сделать чтобы выравниевание было Left:1000px и при сдвижении элемента за границу небыло полосы прокрутки?
легче [Only registered and activated users can see links. Click Here To Register...] а я - лопух. развесистый [Only registered and activated users can see links. Click Here To Register...]Цитата:
Originally posted by Live@Apr 25 2006, 22:59
[b]а не легче для body сказать overflow-x:hidden?
спасибо.
.ruslan, именно так и делайте как Вам Live советует.
и что приятно это вроде везде работает...
рад помочь : )
<div id="aaa" style="position: absolute; left: expression(document.body.clientWidth - 200); top: 0px; width: 300; z-index: 100; height: 300;">бла-бла-бла</div>
а skroll выключи в Body
Удачи