HELP!

yujin11 · May 25, 2011

Всем доброго времени суток. Помогите пожалуйста с страничкой.

Вот станичка содержимое правого сайдаба по разному отображается, в IE7 последняя картинка в блоке почти прилегает к низу блока, а в остальных браузерах чуть с запасом. Помогите разобраться. Уже пробовал с бубном танцевать - не помогло.

ShumNo · May 25, 2011

Наверное ширину бордера в оборот берет)

buddah · May 25, 2011

Задавайте отдельные стили для ИЕ, он неправильно высчитывает разные величины.

yujin11 · May 25, 2011

Задавайте отдельные стили для ИЕ, он неправильно высчитывает разные величины.

Подскажите пожалуйста как это можно сделать, я с этим ещё не сталкивался.

Дело в списках, не могу изменить высоту лишки и как это решить, пока не знаю..

Подскажите кто знает, кто сталкивался.

Посмотрите ещё в центре блок с ссылками гуляет.

Edited May 25, 2011 by yujin11

yujin11 · May 25, 2011

Наверное ширину бордера в оборот берет)

Увы, но это не бордюр.

psywalker · May 26, 2011

Задавайте отдельные стили для ИЕ, он неправильно высчитывает разные величины.
Подскажите пожалуйста как это можно сделать, я с этим ещё не сталкивался.
Дело в списках, не могу изменить высоту лишки и как это решить, пока не знаю..
Подскажите кто знает, кто сталкивался.
Посмотрите ещё в центре блок с ссылками гуляет.

Условные комментарии обычно спасают мир

yujin11 · May 26, 2011

Задавайте отдельные стили для ИЕ, он неправильно высчитывает разные величины.
Подскажите пожалуйста как это можно сделать, я с этим ещё не сталкивался.
Дело в списках, не могу изменить высоту лишки и как это решить, пока не знаю..
Подскажите кто знает, кто сталкивался.
Посмотрите ещё в центре блок с ссылками гуляет.
Условные комментарии обычно спасают мир

Так в чем дело, в комментариях? Вы меня запутали.

Подскажите как побороться с этими отступами??

buddah · May 26, 2011

Задавайте отдельные стили для ИЕ, он неправильно высчитывает разные величины.
Подскажите пожалуйста как это можно сделать, я с этим ещё не сталкивался.
Дело в списках, не могу изменить высоту лишки и как это решить, пока не знаю..
Подскажите кто знает, кто сталкивался.
Посмотрите ещё в центре блок с ссылками гуляет.

http://www.yanajy.com/sdelay-sam/css-only-for-ie.html

yujin11 · May 26, 2011

Задавайте отдельные стили для ИЕ, он неправильно высчитывает разные величины.
Подскажите пожалуйста как это можно сделать, я с этим ещё не сталкивался.
Дело в списках, не могу изменить высоту лишки и как это решить, пока не знаю..
Подскажите кто знает, кто сталкивался.
Посмотрите ещё в центре блок с ссылками гуляет.
http://www.yanajy.com/sdelay-sam/css-only-for-ie.html

Спасибо, это конечно поможет, но вот как быть с центральным блоком, там вообще белеберда полная.. в ослике не получается прижать лишки друг к другу. задаю и м высоту в 1 пиксель, так везде они сжимаются, а в осле даже и не думают...

yujin11 · May 26, 2011

Вот код который можно поюзать для примера.

Суть в том, что бы прижать по высоте лишки друг к дгуру. Бьюсь над этим уже целый день, не получается.

Задаю высоту, везде кроме 7-го ослика всё хорошо, а ослик никак не реагирует. Как был вертикальный отступ между <li> таким и остался.

Я думаю с этим многие сталкивались, подскажите как это решить.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Internet portal</title>
<style type="text/css">
body{
  margin:0;
  padding:0;
  background-color:#FFF;}
#wrap{
  margin:0 auto;
  border:1px solid red;
  width:780px;
  height:792px;
  position:relative;}
#menu{
  width:300px;
  height:100px;
  background-color:blue;}
#menu ul{
  list-style-type:none;
  float:left;
  margin:0;
  padding:0 10px;}
#menu li a{
  color:#FFF;
  font:12px Tahoma;
  height:1px;}
#menu li{
  height:1px;}
</style>
</head>
<body>
<div id="wrap">
   <div id="menu">
    <ul>
      <li>
        <a hre="#">text</a>
      </li>
      <li>
        <a hre="#">text</a>
      </li>
      <li>
        <a hre="#">text</a>
      </li>
      <li>
        <a hre="#">text</a>
      </li>
    </ul>
    <ul>
      <li>
        <a hre="#">text</a>
      </li>
      <li>
        <a hre="#">text</a>
      </li>
      <li>
        <a hre="#">text</a>
      </li>
      <li>
        <a hre="#">text</a>
      </li>
    </ul>
    <ul>
      <li>
        <a hre="#">text</a>
      </li>
      <li>
        <a hre="#">text</a>
      </li>
      <li>
        <a hre="#">text</a>
      </li>
      <li>
        <a hre="#">text</a>
      </li>
    </ul>
   </div>
</div>
</body>
</html>

psywalker · May 26, 2011

1. Скриншот того, как должно быть

2. Скриншот того, как НЕ должно быть.

3. Ссылка на страницу с отдельным мини тест-примером. И рассказ, где и в чём косяки.

yujin11 · May 26, 2011

1. Скриншот того, как должно быть
2. Скриншот того, как НЕ должно быть.
3. Ссылка на страницу с отдельным мини тест-примером. И рассказ, где и в чём косяки.

Косяк состоит в том, что не могу изменить расстояние по вертикали между лишками. Они должны быть плотней прижаты друг к другу. Зазаор между ними должен быть меньше. А он вообще не регулируется. Задавал высоту лишкам, везде хорошо, высота меняется, а вот в ослике №7 остаётся прежней.

Страница с тест примером

Как должно быть:

Как есть в 7-м ослике.

Edited May 26, 2011 by yujin11

psywalker · May 26, 2011

Вот скрины из ФФ и ИЕ7, одинаково всё. http://screencast.com/t/f2RCQMFJuazv

yujin11 · May 26, 2011

Вот скрины из ФФ и ИЕ7, одинаково всё. http://screencast.com/t/f2RCQMFJuazv

щас исправим, смотрите теперь.

Кажись разобрался, задал <li>

margin:-10px 0;

и всё заработало, правда на сколько правильно или извращенски это я не знаю.

psywalker · May 26, 2011

Вот скрины из ФФ и ИЕ7, одинаково всё. http://screencast.com/t/f2RCQMFJuazv
щас исправим, смотрите теперь.
Кажись разобрался, задал <li>
margin:-10px 0;
и всё заработало, правда на сколько правильно или извращенски это я не знаю.

Для ИЕ нет неправильного. Он кишит багами, поэтому для него любое лекарство - это гуд)

Sign In

HELP!

Question

Link to comment

Share on other sites

14 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information