|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
17.05.2011, 12:19 | #1 |
Новичок
Джуниор
Регистрация: 17.05.2011
Сообщений: 1
|
Как растянуть div до края страницы?
Привет!
Мне необходимо растянуть красный див до края страницы (см. скрин). На данный момент он растягивается ЗА край из-за чего появляется скролл. Никак не соображу как его убрать, помогите пожалуйста! Код HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> html, body { height: 100%; width: 100%; margin: 0; padding: 0; background: #ffffff; } #container { position: relative; width: 100%; height: 100%; background: #CCCCCC; } #page_content { position: relative; height: 100%; width: 1020px; /* Content width */ left: 50%; /* Screen middle */ margin-left: -510px; /* 510 * 2 = 1020 */ background: #000000; } #search { position: absolute; left: 800px; top: 150px; width: 100%; } #search_box { position: relative; width: 100%; height: 50px; background: #FF0033; } </style> </head> <body> <div id="container"> <div id="page_content"> <div id="search"> <div id="search_box">Search</div> </div> </div> </div> </body> </html> Код HTML:
overflow:hidden; position:fixed; |
17.05.2011, 12:52 | #2 |
Старожил
Регистрация: 31.05.2010
Сообщений: 13,543
|
Код большой. Решу за денюжку, ну, или сам...
Контакты в подписи.
Пиши пьяным, редактируй трезвым.
Справочник по алгоритмам С++ Builder |
17.05.2011, 16:32 | #3 |
VisualC++/DirectX
Форумчанин
Регистрация: 16.07.2010
Сообщений: 831
|
А чем так не устраивает?
Код:
|
18.05.2011, 15:59 | #4 |
Форумчанин
Регистрация: 27.04.2010
Сообщений: 185
|
А width: 800px; float: left; для левого блока и margin-left: 800px; для правого не поможет?
Помог - тырк на весы
|
22.05.2011, 00:37 | #5 |
Пользователь
Регистрация: 22.05.2011
Сообщений: 42
|
Можно былобы изначально зделать все проще канешн, но не стану Тебе мозги пудрить.
Код:
Последний раз редактировалось marccella; 22.05.2011 в 10:32. |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Как растянуть div внутри ячейки таблицы? | Benderbej | HTML и CSS | 6 | 28.08.2010 21:59 |
div тег как нижний слой для второго div тега | dadli | HTML и CSS | 2 | 30.07.2010 01:12 |
Как отменить прозрачность div в прозрачном div | zeharon | HTML и CSS | 0 | 24.07.2010 16:56 |
круглые края div | subbota | HTML и CSS | 2 | 10.07.2010 18:35 |
растянуть div в другом div-e | slips | HTML и CSS | 2 | 27.11.2009 15:43 |