ReSQL.ru
     
powered by simpleCommunicator - 2.0.38     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Верстка в 3 колонки
2 сообщений из 2, страница 1 из 1
Верстка в 3 колонки
    #34229471
Slon747
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Slon747
Гость
Замучился совсем. Может вы поможете?
Имеется страница в 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
28.12.2006, 09:00
| Ответить | Цитировать | Написать  
Верстка в 3 колонки
    #34278626
PhoenixNET
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PhoenixNET
Гость
Slon747
То, что хорошо в IE, плохо в FF и наоборот.

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


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