Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 2762 Просмотров
*

tolian_27

  • Захожу иногда
  • 97
  • 0 / 0
Подскажите пожалуйста как можно реализовать следующее (проблема с отображением overflow: hidden; в Опера, ИЕ6,7) -
Есть следующая верстка, задача заключается в том, чтобы фиксированный блок "block1" был виден (полностью) только в том случае когда ширина окна браузера =>980px (т.е. уменьшен масштаб/увеличено разрешение).
Во всех браузерах этот код работает именно так. Но проблема в Опере и ИЕ6,7 они справа оставляют пустое место и полосу прокрутки.
Можно ли это как то обойти (необходимо чтобы было как в firefox)?
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">

<head>
    <title>template</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
   
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
       
        .wrapper {
            overflow: hidden;
            padding-bottom: 50px;
        }
       
        .main {
            position: relative;
            width: 980px;
            height: 500px;
            margin: 0 auto;
            padding: 10px;
            background: gray;
        }
       
        .block1 {
            position: absolute;
            width: 100px;
            height: 100px;
            background: red;
            top: 0;
            right: -100px;
        }

    </style>
</head>

<body>
   
    <div class="wrapper">
        <div class="main">
<div class="block block1"></div>     
            <p>
                text text text
            </p>
        </div>
    </div>
   
</body>
</html>



*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

tolian_27

  • Захожу иногда
  • 97
  • 0 / 0
Re: Проблема с overflow: hidden; в Опера, ИЕ6,7
« Ответ #2 : 23.10.2010, 17:52:48 »
Спасибо! Все четко, работает.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблема с таблицей при просмотре с мобильника

Автор annetkas

Ответов: 5
Просмотров: 2263
Последний ответ 19.11.2021, 14:06:15
от effrit
Проблема с миниатюрами

Автор Stasweb

Ответов: 4
Просмотров: 1129
Последний ответ 03.11.2020, 17:04:00
от Nikolay89
Проблема с меню на сайте

Автор nesskafe

Ответов: 9
Просмотров: 1383
Последний ответ 01.06.2020, 11:03:58
от sivers
Проблема с меню на сайте и иконками Awesome

Автор Lemonez

Ответов: 1
Просмотров: 1722
Последний ответ 10.02.2020, 05:02:12
от Lemonez
Проблема шрифта bold

Автор web3.0

Ответов: 3
Просмотров: 3078
Последний ответ 06.04.2019, 09:50:36
от web3.0