| |
|
|
| | Всем здравствуйте.
Вот есть код.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>sample</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css" media="all">
body {
font-size: 10pt;
font-family: Tahoma, helvetica, arial, "microsoft sans serif", sans-serif;
background: #FFF;
text-align: center;
color: #FFF;
}
#content {
margin: 0 auto;
text-align: left;
width: 900px;
}
#samplepic {
text-align: left;
float: right;
position: relative;
left: 100px;
background: url("http://www.google.ru/intl/en_com/images/logo_plain.png");
width: 276px;
height: 110px;
}
</style>
</head>
<body>
<div id="content">
<div id="samplepic"></div>
</div>
</body>
</html>
|
С ним всё нормально, он работает. Здесь дело в другом. Есть content шириной 900px, который выровнен посередине body. Внутри него есть блок float:right с картинкой, шириной 276px.
Так вот. Понадобилось расположить эту картинку так, чтобы она была чуть смещена вправо, за границу экрана (смотрим 1024x768). Так вот, если скопировать сей текст в файл и открыть Gecko, то появляется горизонтальная полоса прокрутки (как и ожидалось). А вот в IE всё выглядит так, как хотелось бы мне. То есть прокрутка не появляется, картинка за экраном, но если у юзера разрешение больше 1024, то картинку видно целиком.
Вопрос очевиден. Как мне сделать так, чтобы в Gecko, как и в IE, не появлялась прокрутка?
Может кто уже решал такую проблему?
Существует решение, при котором эта картинка делается фоном тега body и смещается на нужное место через background-position, но это не то.
Интересует именно решение для блока. Необязательно плавающего. Можно ещё внести img в блок - это тоже не принципиально.
Ну вот, собственно. Есть здесь гуру вёрстки? | |
| |
|
|
| |
|
|
| |
для: neudor
(18.09.2007 в 09:04)
| | |
body {
overflow-x: hidden;
}
|
если не ошибаюсь | |
| |
|
|
| |
|
|
| |
для: bronenos
(18.09.2007 в 09:34)
| | | Неа, не оно.
Сами попробуйте. =) | |
| |
|
|
| |
|
|
| |
для: neudor
(18.09.2007 в 09:44)
| | | то что предложили, но для #content | |
| |
|
|
| |
|
|
| |
для: AlexSol
(18.09.2007 в 09:48)
| | | нет, не работает.
Вы бы тоже попробовали сначала у себя. Там всего-лишь один файл, и картинка внешняя.
По поводу overflow.
Свойство overflow определяет правила обрезки содержимого элемента при переполнении
|
То есть контент обрезается по ширине 900px - это далеко не то, что хотелось бы получить.
Если же использовать это свойство в body, то ничего не происходит и прокрутка остаётся. Видимо, body как тег не имеет границы по ширине. | |
| |
|
|
| |
|
|
| |
для: neudor
(18.09.2007 в 09:59)
| | | а вы сами-то пробовали? ))
body {
overflow:hidden;
}
|
прекрасно работает | |
| |
|
|
| |
|
|
| |
для: AlexSol
(18.09.2007 в 10:09)
| | | =D
епвашу!
и правда работает!!!
А вот с overflow-x не хочет. Вот я и эта... того.
Спасибо, в общем. | |
| |
|
|
| |
|
|
| |
для: neudor
(18.09.2007 в 10:19)
| | | overflow-x -y тока для эксплорера | |
| |
|
|
