Как сделать страницу по окну браузера?

@albina111484 · Регистрация: 24.11.2013

Author24 — интернет-сервис помощи студентам

Ребята, подскажите как сделать страницу по окну браузера?

HTML5

<!DOCTYPE HTML>
<html>
<head>
<title>Позиционирование</title>
</head>
<body style="margin: 0px; 0px;">
<div style="background-color: #00FF00; height: 120px;">&nbsp;</div>
<div style="background-color: #FFFF00; height: 120px; width: 50%;">&nbsp;</div>
<div style="background-color: #CD5C5C; height: 120px; width: 50%; position: relative; left: 50%; top: -120px"></div>
<div style="background-color: #FF0000; height: 120px; width: 30%; position: relative; top: -120px"></div>
<div style="background-color: #FF1493; height: 120px; width: 30%; position: relative; top: -240px; left: 30%;"></div>
<div style="background-color: #8A2BE2; height: 120px; width: 40%; position: relative; top: -360px; left: 60%;"></div>
<div style="background-color: #8B8989; height: 120px; width: 40%; position: relative; top: -360px;"></div>
<div style="background-color: #FF4500; height: 120px; width: 30%; position: relative; top: -480px; left: 40%;"></div>
<div style="background-color: #008B8B; height: 120px; width: 30%; position: relative; top: -600px; left: 70%;"></div>
</body>
 
</html>

Доктор Зойдберг · 03.12.2013, 23:44

HTML5

<!DOCTYPE HTML>
<html>
<head>
    <title>Позиционирование</title>
    <style>
        html, body {width: 100%; height: 100%;}
        #page {width: 100%; height: 100%; background-color: #FFFF00; }
    </style>
</head>
<body>
    <div id="page">Полнюсенькая</div>
</body>
</html>

@Gauga · 05.12.2013, 08:10

Сделай так:

HTML5

<!doctype html>
<html>
 <head>
 <title>Страница во все окно браузера</title>
 <style>
 div {
 background-color:rgba(100,100,100,0.5);
 height:100%;
 width:100%;
 }
 </style>
 <body>
  <div>
   <h1>Просто заголовок</h1>
   <p>Сайт должен быть во всю ширину и высоту браузера.</p>
  </div>
 </body>
 </head>
</html>

P.S. Я это не тестировал, написал за 2 минуты, перед сном. Но думаю должно получится как ты хотел.

Доктор Зойдберг · 05.12.2013, 10:06

Сообщение от Студент-с

HTML5

<!DOCTYPE HTML>
<html>
<head>
    <title>Позиционирование</title>
    <style>
        * {margin: 0; padding: 0;}
        html, body {width: 100%; height: 100%; }
        #page {width: 100%; height: 100%; background-color: #FFFF00;}
    </style>
</head>
<body>
    <div id="page">Полнюсенькая</div>
</body>
</html>

Вот так правильно.

@albina111484 · 05.12.2013, 12:09 **[ТС]**

Сообщение от Студент-с

Вот так правильно.

Спасибо, все получилось!!!

Новые блоги и статьи
Проектирование и моделирование hw_wired 28.01.2025 Введение в моделирование Моделирование представляет собой один из фундаментальных методов научного познания, который позволяет изучать объекты и явления через создание их упрощенных аналогов. В. . .	Алгоритмы и исполнители hw_wired 28.01.2025 Введение в алгоритмы В современном мире информационных технологий алгоритмы играют основополагающую роль в решении различных задач и автоматизации процессов. Алгоритм представляет собой точную. . .	Хранение информации hw_wired 28.01.2025 Введение: Роль систем хранения информации в современном мире В современную эпоху цифровых технологий эффективное хранение информации становится одним из ключевых факторов успешного развития любой. . .	Обработка числовой информации hw_wired 28.01.2025 Введение в обработку числовой информации В современном мире обработка числовой информации стала неотъемлемой частью как профессиональной деятельности, так и повседневной жизни. Электронные таблицы. . .	Мультимедиа hw_wired 28.01.2025 Введение в мультимедийные технологии В современном мире мультимедийные технологии стали неотъемлемой частью нашей жизни, проникнув во все сферы человеческой деятельности. Термин "мультимедиа". . .	Обработка текстовой информации hw_wired 28.01.2025 Введение в обработку текстовой информации В современном мире обработка текстовой информации играет фундаментальную роль в различных сферах человеческой деятельности. Текстовые редакторы стали. . .
Обработка графической информации hw_wired 28.01.2025 Введение в компьютерную графику Компьютерная графика стала неотъемлемой частью современного цифрового мира, пройдя впечатляющий путь развития от простейших черно-белых изображений до сложных. . .	Python в Алгоритмике: Решение задач hw_wired 28.01.2025 Введение в Python и Алгоритмику В современном мире программирование стало неотъемлемой частью образования и профессионального развития. Python зарекомендовал себя как один из самых популярных и. . .	Компьютер как универсальное устройство для работы с информацией hw_wired 28.01.2025 Введение в устройство компьютера Компьютер представляет собой универсальное электронное устройство, предназначенное для автоматической обработки информации. В современном мире компьютер стал. . .	Информация и информационные процессы hw_wired 28.01.2025 Понятие информации и ее виды В современном мире информация является одним из фундаментальных понятий, пронизывающих все сферы человеческой деятельности. Под информацией понимают любые сведения об. . .	Алгоритмика hw_wired 28.01.2025 Введение: Основы алгоритмики и её роль в информатике В современном мире программирование и алгоритмическое мышление стали неотъемлемой частью образования и профессиональной деятельности. . . .	Информационное моделирование hw_wired 28.01.2025 Введение в информационное моделирование В современном мире информационное моделирование стало неотъемлемой частью научной, образовательной и профессиональной деятельности. Это мощный инструмент. . .

@albina111484 0 / 0 / 0 Регистрация: 24.11.2013 Сообщений: 43
	05.12.2013, 12:09 [ТС]	5
	Сообщение от Студент-с Вот так правильно. Спасибо, все получилось!!! 0