|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
23.12.2010, 13:48 | #1 |
Новичок
Джуниор
Регистрация: 23.12.2010
Сообщений: 1
|
Разное отображение страницы в Mozila и Internet Explorere 8
Доброго времени суток, проблема следующая:
Написал меню в теге div и оформил его с помошью css. Div присвоел значение absolute и left top задал. Div поместил в таблицу - ячейку и этой ячейки задал свойство height:450 - ровно столькоже, сколько высоту имеет div а следующую ячейку таблицы задал фон - чтоб продолжал div визуально. В opere и mozile все норм а вот IExplorer8 не хочет, см рисунки: 1 http://www.onlinedisk.ru/file/577627/ 2 http://www.onlinedisk.ru/file/577631/ Вот код страницы: <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="4" class="table_top"><img align="left" src="images/emblem1.png" width="139" height="47"> <table height="47px" border="0" cellspacing="0" cellpadding="0" class="table_zaglav" align="right"> <tr> <td class="table_zaglav_td_1"></td> <td class="table_zaglav_td_2" onclick="window.location.href='http ://ya.ru/'" ></td> <td class="table_zaglav_td_3" onclick="window.location.href='http ://ya.ru/'"></td> <td width="92px"> <img align="right" src="images/mon1.png" width="92" height="47"></td> </tr> </table> </td> </tr> <tr> <td colspan="2" class="table_top1"><img align="left" src="images/emblem2.png" width="139" height="92"><img align="right" src="images/mon2.png" width="97" height="92"></td> </tr> <tr> <td class="table_left1"></td> <td class="table_top2"></td> </tr> <tr> <td valign="top" height="450px" > <div class="men_main"> <ul id="dropdown-demo" class="dropdown"> <li class="li_1"> <a href="Главная">Новини</a> <!-- <ul class="ul_1"> <li> <a href="Главная">Главная</a> </li> <li> <a href="Главная">Главная</a> </li> <li> <a href="Главная">Главная</a> </li> </ul> --> </li> <li class="li_2"> <a href="Главная">Керівний склад</a> </li> <li class="li_3"> <a href="Главная">Координатори EСTS</a> </li> <li class="li_4"> <a href="Главная">Приймальна комісія </a> </li> <li class="li_15"> </li> </ul> </div> </td> <td rowspan="2" valign="top"><!-- Основное поле для вывода--> </td> </tr> <tr> <td valign="top" class="col_left"> <!-- левое нижнее поле --></td> </tr> </table> Вот код CSS: .men_main { height:450px; width:519px; position:absolute; padding:0px; left:0px; top: 173px; overflow:auto; font-size: 0; } /* this is the main UL element*/ .dropdown{ margin:0px; padding:0px; width:219px; height:30px; list-style:none; color:#FFFFFF; font-size: 0; } /* начало меню первого уровня 1 меню */ .li_1 { width:219px; height:30px; /* margin-left:1px; */ color:#FFFFFF; background-image:url(../images/menu/nav1-0.png); background-position:left; background-repeat:no-repeat; } .li_1 a { padding-top:8px; margin-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold; } .li_1:hover { width:219px; height:30px; color:#FFFFFF; background-image:url(../images/menu/nav1-1.png); background-position:left; background-repeat:no-repeat; cursorointer; } .li_1 a:hover { margin-left:15px; } /* конец меню первого уровня 1 меню */ /* конец меню первого уровня 2 меню */ .li_2 { width:219px; height:30px; color:#FFFFFF; background-image:url(../images/menu/nav2-0.png); background-position:left; background-repeat:no-repeat; } .li_2 a { padding-top:8px; margin-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold; } .li_2:hover { width:219px; height:30px; color:#FFFFFF; background-image:url(../images/menu/nav2-1.png); background-position:left; background-repeat:no-repeat; cursorointer; } .li_2 a:hover { margin-left:15px; } /* конец меню первого уровня 2 меню */ body { background-color:#185395; background:#185395 url(../images/background.png) no-repeat bottom right fixed; margin:0px; } .table_top { height:47px; background-image:url(../images/bg-t1.png); background-repeat:repeat-x;} .table_top1 { width:auto; height:92px; background: #155096 url(../images/bg-t2.jpg) no-repeat top center; } .table_top2 { background-image: url(../images/bg-t2b.png); background-repeat:repeat-x;} .table_left1 { height:34px; background-image: url(../images/bg-1-1.png); background-repeat:no-repeat; width: 219px;} .div_img1 { width:100%; height:92px;} .col_left { background:url(../images/bg-left.png) repeat-y left; } Последний раз редактировалось Romzesik; 23.12.2010 в 14:06. |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Отображение блоков в Internet Explorer 6 | dekameron | HTML и CSS | 2 | 06.05.2010 15:22 |
Разное отображение таблицы при смене разрешения экрана | Yaga | HTML и CSS | 3 | 08.04.2009 22:36 |
Билл Гейтс и Internet Explorer. Одно или разное? | IgorKr | Свободное общение | 3 | 07.02.2007 22:43 |