Показано с 1 по 11 из 11

Тема: DIV за пределы экрана

Комбинированный просмотр

  1. #1
    .ruslan
    Гость
    Как поместить DIV вправо чтобы его часть была за пределами видимого окна и при этом не было горизонтальной полосы прокрутки?
    [Только зарегистрированные пользователи могут видеть ссылки. ]

  2. #2

    Регистрация
    06.05.2005
    Адрес
    Санкт-Петербург
    Сообщений
    769
    надо отключить только горизонтальную или всю прокрутку? если всю, то так:
    Код:
    <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>
    если только горизонтальную, то поместите ваш div в контейнер, прилегающий к краю окна и дайте контейнеру свойство overflow:hidden;

  3. #3
    .ruslan
    Гость
    null, огромнейшее спасибо!

  4. #4
    .ruslan
    Гость
    null можно подробнее, мне нужна вертикальная полоса

  5. #5

    Регистрация
    20.12.2004
    Сообщений
    19
    Код:
    <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>

  6. #6

    Регистрация
    06.05.2005
    Адрес
    Санкт-Петербург
    Сообщений
    769
    Код:
    <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>
    с абсолютным позиционированием боритесь сами

  7. #7

    Регистрация
    29.01.2005
    Адрес
    Одесса
    Сообщений
    1,020
    а не легче для body сказать overflow-x:hidden?

  8. #8

    Регистрация
    06.05.2005
    Адрес
    Санкт-Петербург
    Сообщений
    769
    Originally posted by Live@Apr 25 2006, 22:59
    [b]а не легче для body сказать overflow-x:hidden?
    легче а я - лопух. развесистый
    спасибо.

    .ruslan, именно так и делайте как Вам Live советует.
    и что приятно это вроде везде работает...

  9. #9
    .ruslan
    Гость
    null всё ок, спасибо!

    А реально ли сделать чтобы выравниевание было Left:1000px и при сдвижении элемента за границу небыло полосы прокрутки?

  10. #10

    Регистрация
    29.01.2005
    Адрес
    Одесса
    Сообщений
    1,020
    рад помочь : )

  11. #11

    Регистрация
    11.10.2004
    Адрес
    Москва
    Сообщений
    356
    <div id="aaa" style="position: absolute; left: expression(document.body.clientWidth - 200); top: 0px; width: 300; z-index: 100; height: 300;">бла-бла-бла</div>

    а skroll выключи в Body

    Удачи

Похожие темы

  1. позиционирование обьекта вне экрана
    от Ar4ebald в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 06.05.2010, 22:05
  2. Размер экрана.
    от tomorrow в разделе Вёрстка сайта
    Ответов: 13
    Последнее сообщение: 26.11.2007, 13:56
  3. 100% по высоте экрана
    от Andrulez-z-z в разделе Вёрстка сайта
    Ответов: 6
    Последнее сообщение: 17.07.2007, 00:46
  4. окно в центре экрана
    от asat в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 02.05.2007, 14:54
  5. разрещение экрана
    от asat в разделе Вёрстка сайта
    Ответов: 14
    Последнее сообщение: 23.12.2005, 16:05

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •