X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> выравнивание по вертикали
fotopazl
fotopazl
Topic Starter сообщение 9.7.2008, 11:06; Ответить: fotopazl
Сообщение #1


Народ помогите у меня сайт строится на одной резиновой таблице и состоит из заголовка, основной части и подвала, как сделать, чтобы подвал всегда был выровнен по нижнему краю окна браузера независимо от разрешения экрана?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rooslan
rooslan
сообщение 9.7.2008, 12:47; Ответить: rooslan
Сообщение #2


Если таблицей верстать, я делаю обычно так:

Вставляю такой доктайп:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >

И делаю в таблице, которая будет основой всего макета height="100%"

Пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Сайт</title>
</head>
<body>
<table width="100%" height="100%">
<tr>
<td width="25%" height="200" bgcolor="#990000">&nbsp;</td>
<td width="50%" bgcolor="#990000">&nbsp;</td>
<td width="25%" bgcolor="#990000">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="100" bgcolor="#000000">&nbsp;</td>
<td bgcolor="#000000">&nbsp;</td>
<td bgcolor="#000000">&nbsp;</td>
</tr>
</table>
</body>
</html>
Вставь этот код в пустой .html файл и посмотри на результат.

PS: Правда это не совсем валидно, но работает везде и без глюк покачто...
PPS: Подскажите кто-нибудь кстати валидный вариант такого действия, именно для таблицы. Очень хотелось бы! :unsure:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 9.7.2008, 13:08; Ответить: Webmaster_hb
Сообщение #3


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" type="text/css" href="css/default.css">
<style>
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
height: 100%;
margin:0px;
padding:0px;
}
.main {
width:100%;
height:100%;
}
</style>
</head>
<body>
<table class="main">
<tr valign="top">
<td width=50% bgcolor=red>1</td>
<td width=50% bgcolor=green>2</td>
</tr>
<tr valign="bottom">
<td width=50% bgcolor=blue>3</td>
<td width=50% bgcolor=orange>4</td>
</tr>
</table>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rooslan
rooslan
сообщение 11.7.2008, 14:45; Ответить: rooslan
Сообщение #4


Спасибо! ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rooslan
rooslan
сообщение 30.7.2008, 18:26; Ответить: rooslan
Сообщение #5


(Webmaster_hb @ 9.7.2008, 16:08) *
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" type="text/css" href="css/default.css">
<style>
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
height: 100%;
margin:0px;
padding:0px;
}
.main {
width:100%;
height:100%;
}
</style>
</head>
<body>
<table class="main">
<tr valign="top">
<td width=50% bgcolor=red>1</td>
<td width=50% bgcolor=green>2</td>
</tr>
<tr valign="bottom">
<td width=50% bgcolor=blue>3</td>
<td width=50% bgcolor=orange>4</td>
</tr>
</table>
</body>
</html>


Проблема в том, что если задать футеру высоту, например в 200 пикс. - то в ие это не действует, и высота всеравно остается относительной (((
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 30.7.2008, 21:54; Ответить: Exterior
Сообщение #6


(' post='9642 @ 30.7.2008, 21:26)
Проблема в том, что если задать футеру высоту, например в 200 пикс. - то в ие это не действует, и высота всеравно остается относительной (((

так работает:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>test table</title>

<style type="text/css">
<!--
html, body {
height: 100%;
margin: 0px;
padding: 0px;
font: bold 18px Arial;
color: white;
}

.main {
width: 100%;
height: 100%;
border: 0px;
border-collapse: collapse;
}

.main tr {
height: 30%;
}

.main td {
padding: 0px;
text-align: center;
}
-->
</style>

</head>

<body>

<table class="main">
<tr>
<td width="50%" style="background:red;">1</td>
<td width="50%" style="background:green;">2</td>
</tr>
<tr>
<td width="50%" style="background:blue;">3</td>
<td width="50%" style="background:orange;">4</td>
</tr>
<tr>
<td colspan="2" height="200" style="background:thistle;">footer</td>
</tr>
</table>

</body>
</html>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Kadam.net - Промышленные объемы трафика под все вертикали | 90% отчисления паблишерам!
 2 support_kadam 1803 18.4.2022, 16:40
автор: support_kadam
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
 10 NikN 2637 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Выравнивание содержимого footer'a
 0 press74 4996 2.7.2019, 18:58
автор: -iiwanc-
Открытая тема (нет новых ответов) Выравнивание по центру
 5 Markelok 5328 24.8.2014, 15:28
автор: -Dima3456-
Открытая тема (нет новых ответов) Выравнивание кода с помощью tabifier
 0 Siege 3515 13.12.2013, 22:42
автор: Siege


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 19.4.2024, 15:14

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet