в opera и mozilla DIVы перескакивают на строку

**Xylitolq** · 03.12.2007, 04:01

в IE7 все нормально
картинка "домик" расоплагается слева от меню
[Только зарегистрированные пользователи могут видеть ссылки. ]</a>

в опере и в моизле меню перескакивает на следующую строку
[Только зарегистрированные пользователи могут видеть ссылки. ]</a>

[Только зарегистрированные пользователи могут видеть ссылки. ]</a>

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

Код:

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="menu"><TABLE Width="100%" Border="0" align="left" CellPadding="0" CellSpacing="0">
..........таблица меню............................
</TABLE></DIV></td>

**Aykroyd** · 03.12.2007, 10:26

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

Убрать таблицы.

**Xylitolq** · 03.12.2007, 16:01

а с таблицами как исправить?
не переверстывать же весь код в дивах

**Рёга** · 06.12.2007, 23:36

Originally posted by Xylitolq@Dec 3 2007, 12:01
[b]а с таблицами как исправить?
не переверстывать же весь код в дивах

У вас там со стилем (CSS) дрова полные.
Дайте ссылку на шаблон, может найдётся добрый дядя который сделает всё.

**Xylitolq** · 06.12.2007, 23:56

[Только зарегистрированные пользователи могут видеть ссылки. ]

**kuindzi** · 07.12.2007, 05:26

Попробуй "домик" загнать в таблицу.

Код:

 *
 * * *<DIV class=menu>
 * * *<TABLE cellSpacing=0 cellPadding=0 width="100%" align=left border=0>
 * * * *<TBODY>
 * * * *<TR vAlign=top>
 * * * *
 * <TD width="22"><DIV class=house></DIV></td> 
 * 
 * * * * *<TD class=nav>

Ну, примерно так. Больше ничего на ум не приходит.
имхо: Без таблиц было бы легче.

**Aykroyd** · 07.12.2007, 06:22

Originally posted by kuindzi@Dec 7 2007, 06:26
Попробуй "домик" загнать в таблицу.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Точно! А чтобы было еще надежнее, лучше создать четырнадцать вложенных друг в друга таблиц, заключить их в отдельный <div>, который в свою очередь поместить в <span>. Тогда точно будет все нормально...

**Xylitolq** · 12.12.2007, 20:18

**Рёга** · 15.12.2007, 04:10

Originally posted by Xylitolq@Dec 3 2007, 00:01
[b]как исправить?

Изменить образ мышления =) попробуй такой вариант вроде вы этого хотели добиться.

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css"><!--
* {padding: 0;margin: 0;}
div {width: 1000px;margin: 0 auto;}
img {width: 22px;height: 22px;float: left;}
ul {width: 100%;}
li {float: left;width: 19%;background-color: Lime;height: 22px;list-style: none;}
li#img {width: 5%;}
--></style>
</head>
<body>
<div>
*****<li id="img">[img]1.gif[/img]
 *
MENU NAME 1

 *
MENU NAME 2

 *
MENU NAME 3

 *
MENU NAME 4

 *
MENU NAME 5

****
</div>
</body>
</html>

Тема: в opera и mozilla DIVы перескакивают на строку

Опции темы

Поиск по теме

Отображение

Комбинированный просмотр

Похожие темы

Помогите дивы в одну строку разложить

DIVы загнали меня в тупик :-(

DIVы в строчку

css, элементы в одну строку с выравниванием

IE vs Mozilla, Opera проблема

Ваши права