EOMY.NET
Хостинг EOMY.NET: Форум поддержки
 
 FAQFAQ   ПоискПоиск   ПользователиПользователи   ГруппыГруппы   РегистрацияРегистрация 
 ПрофильПрофиль   Войти и проверить личные сообщенияВойти и проверить личные сообщения   ВходВход 
RSS Feed  

DIV во всю высоту страницы

 
Начать новую тему   Ответить на тему    Список форумов EOMY.NET -> HTML и CSS
DIV во всю высоту страницы
Автор Сообщение
raven93
Хостинг — это наше всё!
Хостинг — это наше всё!


Зарегистрирован: 22.10.2007
Сообщения: 223

1594 Монеты

СообщениеДобавлено: Чт, 14 Фев, 2008 16:34    Заголовок сообщения: DIV во всю высоту страницы Ответить с цитатой

Нужно сделать div, чтобы он был на всю страницу, даже без содержимого внутри него. Параметр heigt 100% не помогает
_________________
Sape
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
madhamster
Согнул ложку
Согнул ложку


Зарегистрирован: 09.10.2006
Сообщения: 902

432 Монеты

СообщениеДобавлено: Чт, 14 Фев, 2008 20:12    Заголовок сообщения: Ответить с цитатой

Опера 9 IE 6 работает норм.

Правда я без контента тестил...
Там помоему если есть скролл правый вот тогда проблемка...

Код:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>New Page 1</title>
<style>
body{
   padding: 0px;
   margin: 0px;
}
.maximize{
   width: 100%;
   height: 100%;
   background: orange;
   //z-index: 1;
}
</style>
</head>

<body>
<div class="maximize">
&nbsp;
</div>
</body>

</html>


_________________
NextStage - live music competition
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
raven93
Хостинг — это наше всё!
Хостинг — это наше всё!


Зарегистрирован: 22.10.2007
Сообщения: 223

1594 Монеты

СообщениеДобавлено: Пт, 15 Фев, 2008 09:31    Заголовок сообщения: Ответить с цитатой

Странно, у меня страница
Код:
<div class="all">
<div class="main">
  <div class="logo"><img src="images/logo.png" width="200" height="200" /></div>
  <div>
  <div class="l_sd">
  <div class="r_sd">
  <div class="sd">
  <div class="men"><div><a href="#">Test</a></div></div>
  <div class="text_box">
    <p>Test</p>
  </div>
  </div>
  </div>
  </div>
</div>
<div class="bott"></div>
</div>
</div>

и файл css в ней, там класс all вот такой
Код:
   background-image: url(down.png);
   background-repeat: repeat-x;
   background-position: bottom;
   height: 100%;


Так же, как и было...


Позже: похоже я понял, в чем вся соль Smile

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

будь оно проклято))
Но ведь нужно что-то вместо него поставить...надо чтобы валидная страница была
_________________
Sape
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
madhamster
Согнул ложку
Согнул ложку


Зарегистрирован: 09.10.2006
Сообщения: 902

432 Монеты

СообщениеДобавлено: Пт, 15 Фев, 2008 11:07    Заголовок сообщения: Ответить с цитатой

Тебе так нужен этот XHTML? Попробуй доктайп на хтмл поставить...
_________________
NextStage - live music competition
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
raven93
Хостинг — это наше всё!
Хостинг — это наше всё!


Зарегистрирован: 22.10.2007
Сообщения: 223

1594 Монеты

СообщениеДобавлено: Пт, 15 Фев, 2008 11:13    Заголовок сообщения: Ответить с цитатой

Ставил...ничего не изменилось Smile в опере, а в сафари стало нормально. Это оформление я делаю не для себя (продаю сайт), так что впринципе на жоктайпы и валидность мне пофик, так же, как и на фон png в осле. Покупатель согласился и все Smile
_________________
Sape
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
CH@$ER
Хостинг — это наше всё!
Хостинг — это наше всё!


Зарегистрирован: 19.06.2007
Сообщения: 157

58 Монеты

СообщениеДобавлено: Ср, 12 Мар, 2008 05:05    Заголовок сообщения: Ответить с цитатой

Для начала нужно установить высоту body в 100%:
Код:

html { height: 100% }
body { min-height: 100% }
* html body { height: 100% } /*Для IE, т.к. он не поддерживает min-height*/

А затем у div просто ставить height: 100% и все
_________________
Новичек! Заходи, если хочешь создавать игры!
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Показать сообщения:   
Начать новую тему   Ответить на тему    Список форумов EOMY.NET -> HTML и CSS Часовой пояс: GMT
Страница 1 из 1

 
DISCLAIMER: All messages made available as part of this discussion group (including any bulletin boards and chat rooms) and any opinions, advice, statements or other information contained in any messages posted or transmitted by any third party are the responsibility of the author of that message. The fact that a particular message is posted on or transmitted using this web site does not mean that we endorsed that message in any way or verified the accuracy, completeness or usefulness of any message. Although we require that all users read and agree with the forum rules, we cannot constantly monitor forum activity. We encourage visitors to the forum to report any objectionable message to moderators. Once again, this forum is not monitored 24/7.


EOMY TOP 100 Rambler's Top100   Рейтинг@Mail.ru    



Powered by phpBB © 2001, 2005 phpBB Group


Рейтинг SIMPLETOP.NET