В блоках не хочет работать высота заданная в процентах. Если задать в пикселях, то работает. В чем ошибка?

@vlad275 · Регистрация: 13.11.2008

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

В блоках не хочет работать высота заданная в процентах. Если задать в пикселях, то работает. В чем ошибка?

http://77.105.164.89/s_Default... ipple=true

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="s_Default.aspx.cs" Inherits="WebApplication7.s_Default" %>
 
<!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">
<head runat="server">
    <title></title>
 <link href="m.css" rel="stylesheet" type="text/css" /></head>
<body style="height:100%;">
 
        <div class="1st-column" style="float:left;width:33%;height:100%;">
            <div onclick="window.location.href='http://77.105.164.89/s_about.aspx'" style="height:100%;width:99%;margin-right:10px;margin-bottom:1%;" class="button-color-orange">О компании;</div>
            <div  style="height:100%;width:99%;margin-right:10px;margin-bottom:1%;" class="button-color-teal">Наши клиенты</div>
            <div  style="height:100%;width:99%;margin-right:10px;margin-bottom:1%;" class="button-color-light-violet">Услуги</div>
            <div style="height:100%;width:99%;margin-right:10px;margin-bottom:1%;"  class="button-color-red-violet">Статистика</div>
            <div style="height:100%;width:99%;margin-right:10px;margin-bottom:1%;" class="button-color-terra-cotta">Заявка на подключение</div>
        </div>
 
        <div class="2nd-column"  style="float:left;width:33%;height:100%;">
            <div  style="height:100%;width:99%;margin-right:10px;margin-bottom:1%;" class="button-color-dark-violet">Контакты</div>
            <div  style="height:100%;width:99%;margin-right:10px;margin-bottom:1%;" class="button-color-green">Тест скорости</div>
            <div  style="height:100%;width:99%;margin-right:10px;margin-bottom:1%;" class="button-color-blue">Интернет</div>
            <div style="height:100%;width:100%;margin-bottom:1%;"  class="button-color-teal">&nbsp;</div>
            <div  style="height:100%;width:99%;margin-right:10px;margin-bottom:1%;" class="button-color-grey">IP-TV</div>
        </div>
 
        <div class="3rd-column"  style="float:left;width:33%;height:100%;">
            <div style="height:100%;width:99%;margin-right:10px;margin-bottom:1%;" class="button-color-terra-cotta">Девелоперам</div>
            <div  style="height:100%;width:99%;margin-right:10px;margin-bottom:1%;"  class="button-color-red-violet">Дата-центр</div>
            <div  style="height:100%;width:99%;margin-right:10px;margin-bottom:1%;" class="button-color-orange">Партнерам</div>
            <div  style="height:100%;width:99%;margin-right:10px;margin-bottom:1%;" class="button-color-teal">&nbsp;</div>
            <div  style="height:100%;width:99%;margin-right:10px;margin-bottom:1%;" class="button-color-light-violet">Операторам связи</div>
        </div>
    
 
</body>
</html>

@Mi1ady · 12.03.2012, 22:28

Сообщение от vlad275

C#
1
<body style="height:100%;">

нужно писать просто

HTML5
1
<body height="100%">

@vlad275 · 13.03.2012, 11:01 **[ТС]**

Не сработало: http://77.105.164.89/s_Default.aspx
:-(((

@Heleg · 13.03.2012, 14:35

всё работает. я не пойму, что не устраивает. 100% вытягивет блок на высоту родителя. body style="height: 100%", вытягивает на высоту страницы, которая в данном случае по размеру содержимого. чтобы вытянуть на всю область экрана, нужно задать html { height: 100%; }, тогда высота body тоже займет всю высоту, а блоки займут 100% высоту body. это ли тебе нужно? объясни подробнее в чем проблема

и что ещё за

Сообщение от Mi1ady

такие атрибуты не входят в xhtml

такие штуки не проходят валидацию

@vlad275 · 13.03.2012, 14:40 **[ТС]**

Ну посмотрите сами
http://77.105.164.89/s_Default.aspx
Блоки не раздвигаются в высоту

HTML5
1
<div style="height:100%;width:99%;margin-right:10px;margin-bottom:1%;" class="button-color-green">Тест скорости</div>

Для наглядности поставил не 19% как задумывал, а 100%

@Heleg · 13.03.2012, 14:52

ещё раз говорю: для html задать style="height: 100%", у body height="100%" заменить на первоначальный вариант style="height: 100%"

@vlad275 · 13.03.2012, 14:54 **[ТС]**

Так?

HTML5
1
2
3
4
5
6
<html style="heigth:100%;" xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
 <link href="m.css" rel="stylesheet" type="text/css" /></head>
 
<body style="height:100%;">

Не растягиваются по высоте

@Heleg · 13.03.2012, 14:57

да, только я опечатался : не style="heigth:100%;", а style="height:100%;" в html

Добавлено через 1 минуту
и лучше это прописать всё в таблице стилей

@vlad275 · 13.03.2012, 15:00 **[ТС]**

не style="heigth:100%;", а style="height:100%;" в html

Так это же одно и тоже

Все-равно не работает растягивание по высоте в процентах. Вот как это выглядит в эмуляторе:

В блоках не хочет работать высота заданная в процентах. Если задать в пикселях, то работает. В чем ошибка?

Вот как это должно выглядеть:

@Heleg · 13.03.2012, 15:08

это не одно и то же. буквы t и h в стиле к тегу html перепутаны местами. и лучше сделать в таблице стилей, потому что неизвестно как браузер обработает атрибуты к тегу html. в принципе должен нормально, но лучше перестраховаться

@vlad275 · 13.03.2012, 15:13 **[ТС]**

Большое спасибо! Заработало.

@Heleg · 13.03.2012, 15:32

всегда пожалуйста

Новые блоги и статьи Все статьи Все блоги /
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .

@vlad275 3 / 3 / 1 Регистрация: 13.11.2008 Сообщений: 219
	13.03.2012, 11:01 [ТС]
	Не сработало: http://77.105.164.89/s_Default.aspx :-((( 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	13.03.2012, 14:52
	ещё раз говорю: для html задать style="height: 100%", у body height="100%" заменить на первоначальный вариант style="height: 100%" 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	13.03.2012, 14:57
	да, только я опечатался : не style="heigth:100%;", а style="height:100%;" в html Добавлено через 1 минуту и лучше это прописать всё в таблице стилей 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	13.03.2012, 15:08
	это не одно и то же. буквы t и h в стиле к тегу html перепутаны местами. и лучше сделать в таблице стилей, потому что неизвестно как браузер обработает атрибуты к тегу html. в принципе должен нормально, но лучше перестраховаться 0

@vlad275 3 / 3 / 1 Регистрация: 13.11.2008 Сообщений: 219
	13.03.2012, 15:13 [ТС]
	Большое спасибо! Заработало. 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	13.03.2012, 15:32
	всегда пожалуйста 1