Jump to content
  • 0

Расстояние между дивами в IE7


Mammoth
 Share

Question

По какой причине дивы отъезжают друг от друга при увеличении масштаба (Ctrl+Scroll)? При уменьшении они наезжают друг на друга. Если же убрать свойство width, то отображается нормально.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta content="text/html; charset=Windows-1251" http-equiv="content-type"><title>цвц</title><style type="text/css">
#Probe {
border-style: double;
position: relative;
margin-top: 1px;
margin-bottom: 1px;
padding-top: 1px;
padding-bottom: 1px;
font-family: Times New Roman;
font-size: 14pt;
text-decoration: none;
width: 600px;
}
body {
text-align: center;
}

</style>


</head>

<body>

<div id="Probe" style="position: relative;">Проба</div>

<div id="Probe" style="position: relative;">Проба</div>

<div id="Probe" style="position: relative;">Проба</div>

<div id="Probe" style="position: relative;">Проба</div>

<div id="Probe" style="position: relative;">Проба</div>

</body></html>

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

1) Сколько уже можно говорить, что id - это уникальный идентификатор и использовать его на странице можно не более одного раза!

2)

По какой причине дивы отъезжают друг от друга при увеличении масштаба (Ctrl+Scroll)? При уменьшении они наезжают друг на друга.

Вы же сами ответили на свой же вопрос:

Если же убрать свойство width, то отображается нормально.
Link to comment
Share on other sites

  • 0
1) Сколько уже можно говорить, что id - это уникальный идентификатор и использовать его на странице можно не более одного раза!

2)

Вы же сами ответили на свой же вопрос:

мне нужен там Width... почему так происходит?

Link to comment
Share on other sites

  • 0

Может кто-нибудь предложить мне решение для кроссбраузерного отображения данной странички?

мне необходимо указание ширины. Т.е. мне нужны слои определённого размера и надо чтобы при изменении масштаба расстояние между ними не изменялось.

указан width (если убрать, то слои ведут себя как положено, но он мне нужен!) - http://themammoth.narod.ru/tmp/ss.html

Link to comment
Share on other sites

  • 0

В общем вот сам сайт goupl24bratsk.narod.ru

Если в IE7 (возможно и в более старших сборках) нажать Control + скролл, т.е. увеличить или уменьшить старницу (изменить масштаб), то при увеличении слои отодвигаются друг от друга.. на данном сайте хидер контент и подвал. Если уменьшить, то подвал наезжает на контент.. т.е. сдвигается к шапке.

Мне же надо, чтобы расстояние между слоями не увеличивалось/уменьшалось.

Помогите исправить пожалуйста.

Edited by Mammoth
Link to comment
Share on other sites

  • 0

Mammoth, мне кажется что предусмотреть все косяки, которые появляются при использовании ctrl+скрол во всех браузерах не возможно.

Визуал 99% сайтов начинает косячить при использовании этой функции.

При использовании функции в ФФ - пропадают рамки у таблиц, сдвигаются блоки и вообще визуал большинства сайтов становится отвратительным.

Предпологаю, что алгоритм масштабирования во всех браузерах разный. Обеспечить кросбраузерность - не реально.

Куда интереснее былобы узнать реально ли перекрыть эту функцию, чтобы она вообще не работала во всех браузерах.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy