Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Div не верно отображается в IE, Замечания по верстке 
:(
    Опции темы
Самозванка
Дата 16.3.2008, 22:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Девушка в стиле IT
**


Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

Репутация: нет
Всего: 40
Не подскажите как исправить косяки с меню(слева) и с div на этом сайте www.ipris.ru? А то никак не получаеться. Косяки видны во всех браузерах кроме IE.И хотелось бы очень выслушать замечание по верстке... Что надо подправить?


--------------------
Неуёмная жажда жизни!

 smile
PM MAIL ICQ   Вверх
Itsys
Дата 17.3.2008, 01:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

Репутация: 9
Всего: 34
Если я правильно понял, чего ты хотела добиться то должно быть так:
Код

#menu_body ul li a:active{color:#A80230;font-weight: bold;}
#menu_body{background:#DCDCDC;width:201px}
#menu_body ul li{list-style-type:none;border-top:1px solid #7F7F7F;border-bottom:1px solid #7F7F7F;margin-left:-40px; padding-left:21px;}
#menu_body ul li a{color:#000;font-family:verdana; font-size:12px; font-weight: regular; text-decoration:none; display: block; width: 156px; height: 24px; vertical-align:middle; padding-top: 4px;}
#menu_body ul li a:hover {color:red;}
#menu_body ul li ul li{border-bottom:0px;list-style:none;color:#fff;list-style-position:inside;margin-left:-61px;}
#menu_body ul li ul{border-top:0px solid #fff}


Замечаний очень много  smile 
например вместо
Код

        <tr> 
          <td height="4" width="4"></td>
          <td bgcolor="#ffffff" height="4" width="114"></td>
          <td bgcolor="#ffffff" height="4" width="4"></td>
          <td bgcolor="#ffffff" height="4" width="114"></td>
          <td bgcolor="#ffffff" height="4" width="4"></td>
          <td bgcolor="#ffffff" height="4" width="114"></td>
          <td bgcolor="#ffffff" height="4" width="4"></td>
          <td bgcolor="#ffffff" height="4" width="114"></td>
          <td bgcolor="#ffffff" height="4" width="4"></td>
          <td bgcolor="#ffffff" height="4" width="114"></td>
          <td bgcolor="#ffffff" height="4" width="4"></td>
          <td bgcolor="#ffffff" height="4" width="124"></td>
          <td bgcolor="#ffffff" height="4" width="8"></td>
          <td bgcolor="#ffffff" height="4" width="61"></td>
          <td bgcolor="#ffffff" height="4" width="8"></td>
          <td height="4" width="4"></td>
        </tr>

проще использовать
Код

        <tr> 
          <td height="4" width="4"></td>
          <td bgcolor="#ffffff" height="4" colspan="14"></td>
          <td height="4" width="4"></td>
        </tr>

зачем в onload="openMenu('sub_menu_3');return(false)" команда "return(false)", ты собираешься отменять загрузку страницы?

Добавлено через 55 секунд
А так косяков достаточно... что это за карта России вылезает сверху  smile

Добавлено через 6 минут и 50 секунд
А верхнее меню, я бы вообще нарисовал вот так:
Код

<table border="0" width="100%" cellspacing="4" cellpadding="0" bgcolor="#FFFFFF">
    <tr>
        <td colspan="4" bgcolor="#800000">&nbsp;</td>
        <td bgcolor="#800000">&nbsp;</td>
    </tr>
    <tr>
        <td bgcolor="#C0C0C0">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td rowspan="2" bgcolor="#FF00FF">&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>

Цвета поменяй на свои  smile

Добавлено через 8 минут и 15 секунд
Желтый цвет на http://www.ipris.ru/printmat.htm режет глаза, цвета надо выбирать более мягкие

Добавлено через 11 минут и 18 секунд
Не обижайся я бы переделал все...
PM MAIL WWW Skype   Вверх
ilyaILF
Дата 17.3.2008, 01:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 70
Регистрация: 8.11.2006

Репутация: 6
Всего: 6
Во-первых вы зафиксировали размеры тега <LI>:
Код

#menu_body ul li {style.css (line 356)
border-bottom:1px solid #7F7F7F;
border-top:1px solid #7F7F7F;
height:24px;
list-style-type:none;
margin-left:-40px;
padding-left:21px;
}
height:24px; И у вас присутствует слишком глобальное определение стилей #menu_body ul li лучше главное меню и вложенное разбить на отдельные классы ul.main_menu li.main_menu и ul.second_menu li.second_menu
Даже сравнивая при помощи Файербага (Firebug FF) 359 и 356 строки файла стилей CSS можно видеть, что не все параметры переопределяются для ul li ul li , наследуемые от ul li.

Это сообщение отредактировал(а) ilyaILF - 17.3.2008, 02:39
PM MAIL   Вверх
Самозванка
Дата 17.3.2008, 11:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Девушка в стиле IT
**


Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

Репутация: нет
Всего: 40
Спасибо, меню подправила как вы сказали. По поводу цветов дизайна это не ко мне) дизайнер у нас такой - начальству понравилось.
Верстку изменю и уберу лишнее, когда сайт буду на движок насаживать. 

А вопрос по абсолютному позиционированию div ов. Почему в IE корректно отображается , а в других нет. Хотя бы этак карта России и надписи Допечатное оборудование и материалы.

Div делаю так:
Код

.divmap { 
position: absolute; 
top: 55px; 
left: 205px; 
width: 180px; 
height: 110px; 
}
#podval {
position: relative;
}

Код

<table width="1000" border="0" cellpadding="0" cellspacing="0" id="podval">
        <tr> 
          <td width="4" height="150"></td>
          <td width="201" height="150" bgcolor="#DCDCDC"><table width="201" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="21" height="150"></td>
                <td width="150" height="180" valign="top"><p class="menuha"></p>
                  <p class="menuha">&nbsp;</p>
                  <p class="menuha"><font color="#FFFFFF"><a href='#' onClick="scroll(0,0); return false">На 
                    верх страницы </a></font></p>
                  <p class="menuha"></p>
                  <p class="menuha"> </p>
                  <p class="menuha"><font color="#FFFFFF"><a href="../index.htm">Главная</a></font></p>
                  <p class="menuha"></p>
                  <p class="menuha"> </p>
                  <p class="menuha"><font color="#FFFFFF"><a href="../sitemap.htm">Карта 
                    сайта</a></font></p></td>
              </tr>
            </table></td>
          <td width="21" height="150" bgcolor="#FFFFFF"></td>
          <td id="lin_top" width="125" height="150" valign="top" bgcolor="#FFFFFF"><p class="menuha"></p>
            <p class="menuha"> </p>
            <p class="menuha"><font color="#A80230">«ИПРИС» </font></p>
            <p class="menuha"><font color="#A80230">всегда рядом</font></p>
            <div class="divmap"><img alt="Карта" src="../foto/Russia_map-180x110px.gif"></div>
          </td>
          <td id="lin_top" width="16" height="150" bgcolor="#FFFFFF">&nbsp;</td>
          <td id="lin_top" width="133" height="150" valign="top" bgcolor="#FFFFFF"> <p class="regular"></p>
            <p class="regular"> </p>
            <p class="regular"><font color="#999999">Центральный офис</font></p>
            <p class="regular"><font color="#A80230"><a href="contakts.htm#SPB">Санкт-Петербург</a></font></p></td>
          <td id="lin_top" width="8" height="150" bgcolor="#FFFFFF">&nbsp;</td>
          <td id="lin_top" width="125" height="150" valign="top" bgcolor="#FFFFFF"><p  class="regular"></p>
            <p class="regular"> </p>
            <p class="regular"><font color="#999999">Филиалы</font></p>
            <p class="regular"><font color="#A80230"><a href="contakts.htm#nw">Северо-Западный</a></font></p>
            <p class="regular"><font color="#A80230"><a href="contakts.htm#mosk">Москва</a></font></p>
            <p class="regular"><font color="#A80230"><a href="contakts.htm#ekat">Екатеринбург</a></font></p>
            <p class="regular"><font color="#A80230"><a href="contakts.htm#novosib">Новосибирск</a></font></p>
            <p class="regular"><font color="#A80230"><a href="contakts.htm#rostov">Ростов</a></font></p></td>
          <td id="lin_top" width="8" height="150" bgcolor="#FFFFFF">&nbsp;</td>
          <td  id="lin_top" width="133" height="150" valign="top" bgcolor="#FFFFFF"><p class="regular"></p>
            <p class="regular"> </p>
            <p class="regular"><font color="#999999">Представительства</font></p>
            <p class="regular"><font color="#A80230"><a href="contakts.htm#volgograd">Волгоград</a></font></p>
            <p  class="regular"><font color="#A80230"><a href="contakts.htm#krasnodar">Краснодар</a></font></p>
            <p class="regular"><font color="#A80230"><a href="contakts.htm#nn">Нижний Новгород</a></font></p>
            <p class="regular"><font color="#A80230"><a href="contakts.htm#chelyabinsk">Челябинск</a></font></p></td>
          <td width="21" height="150" bgcolor="#FFFFFF"></td>
          <td width="201" height="150" bgcolor="#DCDCDC"></td>
          <td width="4" height="150"></td>
        </tr>
        <tr> 
          <td width="4" height="30"></td>
          <td height="30" colspan="11"><img  alt="Инновации полиграфия решения интеллект сотрудничество" src="../foto/Slogan_bot_main-992x30.gif" width="992" height="30"></td>
          <td width="4" height="30"></td>
        </tr>
      </table>


Я думала , что она должна позиционироваться относительно таблицы в которой находится, а не главной таблицы? Я не права?

Это сообщение отредактировал(а) Самозванка - 17.3.2008, 12:43


--------------------
Неуёмная жажда жизни!

 smile
PM MAIL ICQ   Вверх
SelenIT
Дата 17.3.2008, 13:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401
Самозванка, лучше позиционировать относительно дива, вложенного в ячейку таблицы. Так надежнее.

И еще, с таким доктайпом страница отображается в Quirks mode, так что ждать от нее строгого повиновения стандартам, увы, не стоит...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Самозванка
Дата 17.3.2008, 14:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Девушка в стиле IT
**


Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

Репутация: нет
Всего: 40
SelenIT, точно, так сразу срабатывает с div.

Объясните плиз такую фразу 
Цитата

И еще, с таким доктайпом страница отображается в Quirks mode, так что ждать от нее строгого повиновения стандартам, увы, не стоит... 

У меня же прописан доктайп.


Это сообщение отредактировал(а) Самозванка - 17.3.2008, 14:52


--------------------
Неуёмная жажда жизни!

 smile
PM MAIL ICQ   Вверх
SelenIT
Дата 17.3.2008, 14:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401
Цитата(Самозванка @  17.3.2008,  14:48 Найти цитируемый пост)
У меня же прописан доктайп.

Он прописан, но при Transitional-доктайпе без ссылки на DTD традиционно браузеры переключаются в Quirks mode (подробности тут в разделе "статьи").

Цитата(Самозванка @  17.3.2008,  14:48 Найти цитируемый пост)
можно ли автоматически изменить код во всех страницах html один и тот же, с помощью какой нить проги??

Можно. Насколько я помню, во всех многооконных/многотабовых редакторах есть такая опция.


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0933 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.