в opera и mozilla DIVы перескакивают на строку @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 6 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
Electra
новый человек
3
Сообщения: 9
Зарегистрирован: 18.10.07
Заголовок сообщения: в opera и mozilla DIVы перескакивают на строку
Сообщение Добавлено: 3 Декабрь 2007, 03:06:38 
в IE7 все нормально
картинка "домик" расоплагается слева от меню
Изображение

в опере и в моизле меню перескакивает на следующую строку
Изображение

Изображение

как исправить?

Код:
td.menu {
   width: 100%;
      background-image: url(images/menu_background.jpg);
   white-space: nowrap;
}

div.house {
        float: left;

   height: 22px;
        background-color: #3b73b9;
        background-image: url(images/house2.gif);
}

div.menu {
       float: left;
       background-color: #e6e6e6;
   vertical-align: top;
}

div.menu a{
   font-family: Tahoma;
   font-size: x-small;
   color: #717171;
   text-decoration:none;
}


Код:
   <td colspan="4" align="center" valign="top" class="menu">
<div class="house"></div><div class="menu"><TABLE Width="100%" Border="0" align="left" CellPadding="0" CellSpacing="0">
……….таблица меню.………………………
</TABLE></DIV></td>
IonDen666 Муж.
постоянный участник
109
Сообщения: 3234
Зарегистрирован: 25.11.04
Откуда: Москва
Сообщение Добавлено: 3 Декабрь 2007, 07:18:17 
Electra, а в ИЕ6 почему скрина нет?

и самое главное, вы перемудрили с вложенностью. Нафига делать флоаты, если все и так в таблицах? Не проще ли сделать так:

Код:
<table id="menu">
<tr>
<td id="house">…</td>
<td><a href="">…</a></td>
<td><a href="">…</a></td>
<td><a href="">…</a></td>
<td><a href="">…</a></td>
</tr>
</table>

_________________
Frontend developer: IonDen.com
Electra
новый человек
3
Сообщения: 9
Зарегистрирован: 18.10.07
Сообщение Добавлено: 3 Декабрь 2007, 15:18:54 
забыл уточнить
там выпадающее меню
http://www.magicmasters.ru/portfolio/ibs
IonDen666 Муж.
постоянный участник
109
Сообщения: 3234
Зарегистрирован: 25.11.04
Откуда: Москва
Сообщение Добавлено: 3 Декабрь 2007, 16:03:38 
и?

_________________
Frontend developer: IonDen.com
Кира Жен.
новый человек
4
Сообщения: 143
Зарегистрирован: 20.06.06
Сообщение Добавлено: 4 Декабрь 2007, 06:47:34 
<TABLE Width="100%"

Указали 100% возможной ширины строки и потом удивляетесь почему другой элемент вышибает вверх?
Electra
новый человек
3
Сообщения: 9
Зарегистрирован: 18.10.07
Сообщение Добавлено: 9 Декабрь 2007, 18:07:53 

Кира писал(а):
<TABLE Width="100%"

Указали 100% возможной ширины строки и потом удивляетесь почему другой элемент вышибает вверх?


и что указывать?
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 6 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100