Проблема с отображение в Ie

КузмичЪ · 06.03.2006, 15:42

Вот небольшой код вертикального меню. Все бы хорошо, но Ослик ИА не хочет нормально отображать данную страницу.
Дело в том, что после последнего пункта меню появляется пробел. Знаю, что это баг IE, но не знаю как его исправить. Посоветуйте ПЛЗ (код ниже)

PHP код:


			
<style>

img {border: 0px;}

#menu3 {

    background: url(pics/menu3.gif) no-repeat;

    font-size: 11px;

    padding-top: 6px;

    height: 21px;

    width: 140px;

    float:left;}

#menu3 a {

    color: #fff;

    font-weight: bold;

    text-decoration: none;}

#menu3 a:hover {

    color: #bee8ff;

    text-decoration: none;}

#menu_i3 {

    background: url(pics/bg_menu.gif);

    text-align: right;

    height: 27px;}

#menu_i3 a img {padding-top: 7px;}



</style>

</head>



<body>



<div id="menu3">

    [img]pics/partn.gif[/img][url="#"]ПАРТНЕРЫ[/url]

</div>

<div id="menu3">

    [img]pics/uslug.gif[/img][url="#"]УСЛУГИ[/url]

</div>

<div id="menu3">

    [img]pics/filia.gif[/img][url="#"]ФИЛИАЛЫ[/url]

</div>

<div id="menu3">

    [img]pics/korotko.gif[/img][url="#"]КРАТКО О БАНКЕ[/url]

</div>

<div id="menu_i3">[email=""][img]pics/konvert.gif[/img][/email]

[url="#"][img]pics/quest.gif[/img][/url]

[url="#"][img]pics/map.gif[/img][/url]

</div>

MasMaX · 13.03.2006, 22:00

Не совсем понял какой конкретный пробел тебя интересует? На моём рисунке (http://www.astro-azbuka.info/spaces.gif) я выделил два крайних пробела.
1-ый зависит от отступов тега BODY (margin).
2-ой определяется двумя пробелами, которые ты сам поставил ().

КузмичЪ · 14.03.2006, 09:08

Я имел ввиду пробел между данным div'ом
<div id="menu3">
[img]pics/korotko.gif[/img]КРАТКО О БАНКЕ
</div>

и вот этим:

<div id="menu_i3">[img]pics/konvert.gif[/img]
[img]pics/quest.gif[/img]
[img]pics/map.gif[/img]
</div>
а не между картинками

kost · 14.03.2006, 11:03

#menu3 img {
display:block;
}

КузмичЪ · 14.03.2006, 11:10

Цитата:

kost:
#menu3 img {
display:block;
}

неа, не прошло... иконки остались на месте, а названия "упали" вниз на строку...

КузмичЪ добавил [date]1142327821[/date]:
Проблема решена без всяких хаков и прочее...
вот решение

PHP код:


			
<style>

img {border: 0px;}

#menu3 {

    background: url(pics/menu3.gif) no-repeat;

    font-size: 11px;

    padding-top: 6px;

    height: 21px;

    width: 140px;

    float:left;

    text-align:left;}

#menu3 a {

    color: #fff;

    font-weight: bold;

    text-decoration: none;}

#menu3 a:hover {

    color: #bee8ff;

    text-decoration: none;}

#menu_i3 {

    background: url(pics/bg_menu.gif);

    text-align: right;

    height: 27px;}

#menu_i3 a img {padding-top: 7px;}

</style>



<div class="menu_i3">

<div id="menu3">

    [img]pics/partn.gif[/img][url="#"]ПАРТНЕРЫ[/url]

</div>

<div id="menu3">

    [img]pics/uslug.gif[/img][url="#"]УСЛУГИ[/url]

</div>

<div id="menu3">

    [img]pics/filia.gif[/img][url="#"]ФИЛИАЛЫ[/url]

</div>

<div id="menu3">

    [img]pics/korotko.gif[/img][url="#"]КРАТКО О БАНКЕ[/url]

</div>

[email=""][img]pics/konvert.gif[/img][/email]

[url="#"][img]pics/quest.gif[/img][/url]

[url="#"][img]pics/map.gif[/img][/url]

</div>

Всем спасибо. Тема закрыта.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Отображение таблицы	Света	ASP, Perl, PHP и MySQL	6	08.11.2007 08:18
Одинаковое отображение таблиц	Marick	HTML, CSS, JavaScript	3	27.09.2007 16:38
Отображение текста	SYSTEMS	Технологии Flash	2	22.09.2006 14:09
Отображение данных...	Денисон	HTML, CSS, JavaScript	7	06.09.2004 16:20
Отображение русских букв (help)	OUT	HTML, CSS, JavaScript	4	10.01.2004 01:14

06.03.2006, 15:42	#1
КузмичЪ	Вот небольшой код вертикального меню. Все бы хорошо, но Ослик ИА не хочет нормально отображать данную страницу. Дело в том, что после последнего пункта меню появляется пробел. Знаю, что это баг IE, но не знаю как его исправить. Посоветуйте ПЛЗ (код ниже) PHP код: <style> img {border: 0px;} #menu3 { background: url(pics/menu3.gif) no-repeat; font-size: 11px; padding-top: 6px; height: 21px; width: 140px; float:left;} #menu3 a { color: #fff; font-weight: bold; text-decoration: none;} #menu3 a:hover { color: #bee8ff; text-decoration: none;} #menu_i3 { background: url(pics/bg_menu.gif); text-align: right; height: 27px;} #menu_i3 a img {padding-top: 7px;} </style> </head> <body> <div id="menu3"> [img]pics/partn.gif[/img][url="#"]ПАРТНЕРЫ[/url] </div> <div id="menu3"> [img]pics/uslug.gif[/img][url="#"]УСЛУГИ[/url] </div> <div id="menu3"> [img]pics/filia.gif[/img][url="#"]ФИЛИАЛЫ[/url] </div> <div id="menu3"> [img]pics/korotko.gif[/img][url="#"]КРАТКО О БАНКЕ[/url] </div> <div id="menu_i3">[email=""][img]pics/konvert.gif[/img][/email] [url="#"][img]pics/quest.gif[/img][/url] [url="#"][img]pics/map.gif[/img][/url] </div>

13.03.2006, 22:00	#2
MasMaX	Не совсем понял какой конкретный пробел тебя интересует? На моём рисунке (http://www.astro-azbuka.info/spaces.gif) я выделил два крайних пробела. 1-ый зависит от отступов тега BODY (margin). 2-ой определяется двумя пробелами, которые ты сам поставил ().

14.03.2006, 09:08	#3
КузмичЪ	Я имел ввиду пробел между данным div'ом <div id="menu3"> [img]pics/korotko.gif[/img]КРАТКО О БАНКЕ </div> и вот этим: <div id="menu_i3">[img]pics/konvert.gif[/img] [img]pics/quest.gif[/img] [img]pics/map.gif[/img] </div> а не между картинками