| |
|
|
| | Есть блок, в котром лежит список из нескольких пунктов. Первый и последний элемент списка не содержит текст. Ему задана высота (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 считался не от края браузера, а от края позиционированного элемента.
Всем спасибо! | |
| |
|
|
