|
|
|
| Есть блок, в котром лежит список из нескольких пунктов. Первый и последний элемент списка не содержит текст. Ему задана высота (8px) и overflow:hidden.
Во всех браузерах, кроме ie все ок, но в ie появлется некоторый промежуток, который не удалось убрать ни обнулениями отступов и выстпов, ни заданием position:relative, zoom и тд (((
Пример
<div>
<ul>
<li class="topMenuBgTop"> </li>
<li><a href=#>Пункт меню</a></li>
<li class="topMenuBgBottom"> </li>
</ul>
</div>
|
css
div ul li {background: url('фон'); padding:0px 5px 0px 2px; margin:0px;}
div ul li.topMenuBgTop {background: url('фон'); height: 8px; overflow:hidden; padding:0px; margin:0px;}
div ul li.topMenuBgBottom {background: url('фон'); height: 8px; overflow:hidden; padding:0px; margin:0px;}
|
Как убрать промежуток в ie? | |
|
|
|
|
|
|
|
для: devil943
(10.09.2009 в 15:39)
| | Можно скриншот? Не совсем понятно, об чем речь, да и версию ишака интересно узнать бы. | |
|
|
|
|
 8.5 Кб |
|
|
для: DJ Paltus
(10.09.2009 в 16:34)
| | IE 8, скриншот а атаче. | |
|
|
|
|
|
|
|
для: devil943
(10.09.2009 в 16:56)
| | в ие6 немного иначе - просвет вылазит перед нижним элементом списка, остальные спокойно прижимаются кверху..
Победить не получается, сорри.
Может, вот пригодится:
http://cssing.org.ua/examples/ul/ul.html | |
|
|
|
|
|
|
|
для: DJ Paltus
(10.09.2009 в 17:26)
| | Те как? Вообще нет решений?
>http://cssing.org.ua/examples/ul/ul.html
Уже смотрел, не помогло ((( | |
|
|
|
|
|
|
|
для: devil943
(10.09.2009 в 17:29)
| | ну можно на крайняк специально под ИЕ8 накатать стили | |
|
|
|
|
|
|
|
для: Lelik
(10.09.2009 в 17:30)
| | Я вполне готов пойти на крайняк, только не знаю, о каких стилях идет речь, т.к идей нет(( | |
|
|
|
|
|
|
|
для: devil943
(10.09.2009 в 17:32)
| | подключай отдельным файлом
html>/**/body #id { property: value; }
|
http://www.webmakerslounge.com/browsers/ie/ie8-css-hacks/ | |
|
|
|
|
|
|
|
для: Lelik
(10.09.2009 в 17:41)
| | в ие7 точно так-же с этими просветами , приходилось делать что-то с стилями ul
, чтобы onmouseover не срабатывало при мышко-сёрфинге :) | |
|
|
|
|
|
|
|
для: Lelik
(10.09.2009 в 17:41)
| | Нет, не пашет. Да и вообще я не понял смысл этого... | |
|
|
|
|
|
|
|
для: devil943
(10.09.2009 в 21:28)
| | display:block для li и/или a
+position:relative
+line-height/ font-size для первого li/a
попробуйте по такой схеме | |
|
|
|
|
|
|
|
для: AlexSol
(10.09.2009 в 21:52)
| | Не помогло, для всех li задал display:block и position:relative, для первого li задал line-height:inherit. | |
|
|
|
|
|
|
|
для: devil943
(10.09.2009 в 22:25)
| | дайте полный html+стили | |
|
|
|
|
|
|
|
для: devil943
(10.09.2009 в 22:25)
| | Попробуйте задать длину и ширину принудительно.можно в процентах или для блока воспользуйтесь overflow:hidden; | |
|
|
|
|
 1.9 Кб |
|
|
для: AlexSol
(10.09.2009 в 21:52)
| | не совсем понял как у ТС не работает, пример просто не слишком наглядный
, я вот о таких просветах говорил , не смог сократить код ,) скриптом создалось, и уже давно.
css был написан когда я только понял как обмануть ie6, но тогда и посыпались всякие ие7 и ие8 :)
возможно в вопросе спрашивается совсем другое | |
|
|
|
|
|
|
|
для: devil943
(10.09.2009 в 15:39)
| | Вопрос решен. Для первого элемента прописал position:absolute и обнулил top им left. Для всего блока задал padding-top на высоту позиционированного элемента.
Снизу еще проще, никаких действий, окромя установки backgound-position top.
Но все это, при условии, что родителю назначается position: relative, чтобы absolute считался не от края браузера, а от края позиционированного элемента.
Всем спасибо! | |
|
|
|