Гость
Войти | Профиль | Очистить
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Верстка в 3 колонки / 2 сообщений из 2, страница 1 из 1
28.12.2006, 09:00
    #34229471
Slon747
Slon747
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка в 3 колонки
Замучился совсем. Может вы поможете?
Имеется страница в 3 колонки и с подвалом.
В средней колонке расположены таблицы на всю ширину колонки. Вот с этим проблема.
То, что хорошо в IE, плохо в FF и наоборот.
Для наглядности таблице в средней колонке я задал большую высоту, чтоб был заметен глюк с подвалом.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
<HTML>
<head>

<!--параметры колонок-->
<STYLE type="text/css">
<!--
#main {
position: relative;
width:  100 %;
background-color: # 450707 ;
}

#content {
margin: 0px 160px 0px 135px;
background-color: #E9E3D6;
height: 100 %;
}

#leftmenu {
position: absolute;
top: 5px;
left: 5px;
width: 135px;
}

#rightmenu {
top: 0px;
right: 0px;
width: 160px;
float: right;
}

#footer {
	background: # 450707 ;
	height: 40px;
}
-->
</style>


</head>
<body>

<div id="main">

<!-- левая колонка -->
<div id="leftmenu">
</div>


<!-- правая колонка -->
<div id="rightmenu">
</div>


<!-- средняя колонка -->
<div id="content">
<TABLE bgColor="white" border= 1  WIDTH='100%'>
	<TR>
		<TD HEIGHT= 2000 >таблица</TD>
	</TR>
</TABLE>
</DIV>


<!-- подвал -->
<DIV id="footer">
</DIV>


</DIV>

</BODY>
</HTML>

Если страница по высоте больше высоты экрана, то в FF подвал оказывается не внизу страницы, а внизу экрана, т.е. посередине.

Если же убрать параметр "height:100%" из блока:
---
#content {
margin: 0px 160px 0px 135px;
background-color: #E9E3D6;
height:100%;
}
---
, то в FF всё нормально, а в IE правая колонка уходит вправо за экран.
Это происходит потому, что таблица, расположенная в среднем столбце имеет ширину 100%.

Код: plaintext
1.
2.
3.
4.
5.
<TABLE bgColor="white" border= 1  WIDTH='100%'>
	<TR>
		<TD HEIGHT= 2000 >таблица</TD>
	</TR>
</TABLE>

Но как мне тогда растягивать таблицы на всю шинрину средней колонки?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.01.2007, 13:41
    #34278626
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка в 3 колонки
Slon747
То, что хорошо в IE, плохо в FF и наоборот.

Пробуй разделять код для обоих браузеров.
То, что будет отображаться в ФФ и Опере - пиши как всегда, а то, что будет чисто для IE - используй хак * html #some_id
Помогает?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Верстка в 3 колонки / 2 сообщений из 2, страница 1 из 1
Целевая тема:
Создать новую тему:
Автор:
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 120ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1458909]:
 0ms
get settings:
 8ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 30ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 35ms
get tp. blocked users:
 2ms
others: 11ms
total:  120ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]