Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как задать размер блокам?
 
 автор: Doorgen   (10.03.2009 в 21:05)   письмо автору
 
 

Помогите пожалуйста. Мне нужно создать 2 блока

1.
Ширина 100%
Высота 30%

2.
Ширина 100%
Высота все остальное пространство, но что бы все помещаелось на экранеИ не появлялось скрола...


Вообщем все это надо уместить на экране 100% на 100%

  Ответить  
 
 автор: PAT   (10.03.2009 в 22:16)   письмо автору
 
   для: Doorgen   (10.03.2009 в 21:05)
 

<head>
<style>
html, body {width: 100%; height: 100%; margin: 0; padding: 0}
</style>
</head>

<body
><div style="width: 100%; height: 30%; background: lime">Block#1</div
><div style="width: 100%; height: 70%; background: aqua">Block#2</div
></body>

  Ответить  
 
 автор: Doorgen   (10.03.2009 в 22:36)   письмо автору
 
   для: PAT   (10.03.2009 в 22:16)
 

Извеняюсь за свою не внемательность....


1.
Ширина 100%
Высота 30px процента нету... пиксели тут

2.
Ширина 100%
Высота все остальное пространство, но что бы все помещаелось на экранеИ не появлялось скрола...

  Ответить  
 
 автор: Lelik   (10.03.2009 в 23:09)   письмо автору
 
   для: Doorgen   (10.03.2009 в 21:05)
 

<head>
<style>
html, body {width: 100%; height: 100%; margin: 0; padding: 0}
#layout {min-height: 100%;background: aqua;}
* html #layout {height: 100%;}
</style>
</head>

<body>
<div id="layout">
<div style="width: 100%; height: 30px; background: lime">Block#1</div>
<div style="width: 100%;">Block#2</div>
</div>
</body>

  Ответить  
 
 автор: Doorgen   (11.03.2009 в 09:30)   письмо автору
 
   для: Lelik   (10.03.2009 в 23:09)
 

Огромное вам спасибо. Очень помогли.

  Ответить  
 
 автор: Lelik   (11.03.2009 в 10:22)   письмо автору
 
   для: Doorgen   (11.03.2009 в 09:30)
 

и это... у блочных элементов, которые надо тянуть на 100% ширины, лучше эту самую ширину не указывать, они по умолчанию так растягиваются

<head>
<style>
html, body {width: 100%; height: 100%; margin: 0; padding: 0}
#layout {min-height: 100%;background: aqua;}
* html #layout {height: 100%;}
</style>
</head>

<body>
<div id="layout">
<div style="height: 30px; background: lime">Block#1</div>
<div>Block#2</div>
</div>
</body>

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования