Модераторы: Poseidon
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> [html| css] Дивы не растягиваются как хотелосьбы, Как седлать чтобы дивы растягивались? 
:(
    Опции темы
zailax
Дата 17.4.2013, 21:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 18
Регистрация: 26.10.2011

Репутация: нет
Всего: нет
Есть два дива. Оба с высотой 100%. Один находится в другом и смещен на 100px вниз. Так вот, эти 100 пикселей прибавляются ниже и за счет них появляется полоса прокрутки и белая область. как сделать чтобы этого не происходило? А если начинаешь добавлять текст в red, то ни один из них так же не растягивается по высоте.. 

Код

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title> 
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head> 

<body> 
<div id="content">
    <div id="red"></div>
</div>
</body> 
</html> 


и css файл: 

Код

html, head, body{ 
width: 100%; 
height: 100%; 
margin: 0; 
padding: 0; 
} 

#content{ 
background: #aaaaaa; 
width: 100%; 
height: 100%; 
} 

#red{ 
background: red; 
width: 500px; 
height: 100%; 
position: absolute; 
top: 100px; 
left: 50%; 
margin-left: -250px; 
}


Это сообщение отредактировал(а) zailax - 18.4.2013, 13:31
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Правила форума "Центр помощи"

ВНИМАНИЕ! Прежде чем создавать темы, или писать сообщения в данный раздел, ознакомьтесь, пожалуйста, с Правилами форума и конкретно этого раздела.
Несоблюдение правил может повлечь за собой самые строгие меры от закрытия/удаления темы до бана пользователя!


  • Название темы должно отражать её суть! (Не следует добавлять туда слова "помогите", "срочно" и т.п.)
  • При создании темы, первым делом в квадратных скобках укажите область, из которой исходит вопрос (язык, дисциплина, диплом). Пример: [C++].
  • В названии темы не нужно указывать происхождение задачи (например "школьная задача", "задача из учебника" и т.п.), не нужно указывать ее сложность ("простая задача", "легкий вопрос" и т.п.). Все это можно писать в тексте самой задачи.
  • Если Вы ошиблись при вводе названия темы, отправьте письмо любому из модераторов раздела (через личные сообщения или report).
  • Для подсветки кода пользуйтесь тегами [code][/code] (выделяйте код и нажимаете на кнопку "Код"). Не забывайте выбирать при этом соответствующий язык.
  • Помните: один топик - один вопрос!
  • В данном разделе запрещено поднимать темы, т.е. при отсутствии ответов на Ваш вопрос добавлять новые ответы к теме, тем самым поднимая тему на верх списка.
  • Если вы хотите, чтобы вашу проблему решили при помощи определенного алгоритма, то не забудьте описать его!
  • Если вопрос решён, то воспользуйтесь ссылкой "Пометить как решённый", которая находится под кнопками создания темы или специальным флажком при ответе.

Более подробно с правилами данного раздела Вы можете ознакомится в этой теме.

Если Вам помогли и атмосфера форума Вам понравилась, то заходите к нам чаще! С уважением, Poseidon, Rodman
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Центр помощи | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0740 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.