Jump to content
  • 0

Расчёт высоты в IE6


Игорь Ермаков
 Share

Question

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

Короче всё это не важно, перейдём к делу.

Сделал такую штуку: http://kg-am.com/varez/

Всем доволен, кроссбраузерно, здорово, варезка морально готова к модификациям и извращениям. Но как всегда выпендривается IE6, появляется полоса высотой в 8px (сумма высот уголков). Как исправить это без понятия, вопроса два:

1. Почему так происходит, как IE6 считает высоту?

2. Можно ли как-нибудь при помощи expression заставить его считать высоту как все остальные браузеры?

Зумирование и тп, пробовал. Не помогает. :lol:

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

ИЕ6 удивителен по своей сути, и почему он и что делает, предсказать и объяснить практически невозможно))

Попробуй как обычно Зум, далее оверфлоу:хайден для углов и не только.

Link to comment
Share on other sites

  • 0

Да всё это я попробовал. :lol:

Я логически знаю как легко и изящно решить проблему, мне просто нужно, чтобы:

height: заданное число;

margin-top: а вот сюда бы получить отрицательное значение height;

Вот только я не знаю, можно ли такое на expression. Если бы можно было так сделать, я бы сэкономил весьма много строк кода.

Link to comment
Share on other sites

  • 0
Да всё это я попробовал. :lol:

Я логически знаю как легко и изящно решить проблему, мне просто нужно, чтобы:

height: заданное число;

margin-top: а вот сюда бы получить отрицательное значение height;

Вот только я не знаю, можно ли такое на expression. Если бы можно было так сделать, я бы сэкономил весьма много строк кода.

Я не понял, что он у тебя не так считает? Вроде высота устанавливается, так? Отрицательный марджин тоже? Отступ от верха тоже?

Что ещё нужно?

Link to comment
Share on other sites

  • 0

Исправьте название темы, такая тупая орфографическая ошибка. :lol:

http://kg-am.com/varez/

Вот это вот посмотри в IE6. В низу полоска, которая мне на странице нужна как лысому расчёска.

Поправить очень просто, если вместо

.bottom_right {
bottom:0; right:0;
}

.bottom_left {
bottom:0; left:0;
}

Писать:

.bottom_right {
_top:100%;
_margin-top:-4px;
}

.bottom_left {
_top:100%;
_margin-top:-4px;
}

Другое дело, что я не хочу писать каждый раз margin-top, в первом варианте, всё встаёт на места само, а тут нужно каждый элемент править руками, если на странице хотя бы более 5-ти таких разных элементов, это уже весьма здоровый код.

В половине пятого утра, как-то хреново мысль излагается. :\

Link to comment
Share on other sites

  • 0

Так я же тебе писал, ты пробовал overflow: hidden; на уголки вешать?

Может я неправильно понял задачу?

1) Тебе нужен блок, в котором уголки будут по 4пк ширины и высоты, и их надо позиционировать по углам?

2) Далее этот блок должен иметь отступ от верха БОди, так?

Дело в том, что я делаю так и у меня в ИЕ6 отображение такое-же как и в ФФ

	.top_right,
.top_left,
.bottom_right,
.bottom_left {
display:block;
position:absolute;
overflow: hidden;
}

Link to comment
Share on other sites

  • 0
1) Тебе нужен блок, в котором уголки будут по 4пк ширины и высоты, и их надо позиционировать по углам?

Нет уголки будут абсолютно разной высоты, дело в том, что я не хочу все позиционировать, вот и сделал так, чтобы они автоматически расставлялись по углам хоть какого они размера, везде кроме IE6 работает.

2) Далее этот блок должен иметь отступ от верха БОди, так?

Нет. Этот блок вообще нечто абстрактное, он будет находиться в любой части страницы и иметь любые размеры.

Во чёрт, сейчас повесил overflow, всё заработало. Ну это иначе как ****** не назвать. :)

Спасибо Макс, и переименуй тему умоляю, такая тупая ошибка. :lol:

Edited by Игорь Ермаков
Link to comment
Share on other sites

  • 0
Во чёрт сейчас повесил overflow, всё заработало. Ну это иначе как ****** не назвать. :)

Спасибо Макс, и переименуй тему умоляю, такая тупая ошибка. :lol:

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

А тему поправил, оказывается всё возможно в нашей жизни :)

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