HTML Coding

29,542 questions in this forum

1. Высота блока 100%

   Понимаю, тема уже до дыр заезженная, и гугл результатов по ней выдает порядком. Но что-то все рецепты либо не работают, либо работают не кроссбраузеро, либо рецепт немного в другом ключе, чем мне надо. Нужен див, с абсолютным позиционированием на 100% ширины и высоты экрана. Область дива должна распространяться и за пределы видимости экрана если контента очень много. Нужен для того, чтобы показывать gif'ку лоадинга, пока страница думает + так же блокировать все элементы управления на странице. Вот понадергал из разных рецептов. * { border:0; font-family: Tahoma, Arial, Verdana; font-size:12px; margin:0; outline:none; padding:0; } html, body { background:#FFFF…

   Asked by Микель, July 8, 2011

   0 votes
   10 answers
2. Высота блока 100% высоты родителя

   Добрый день! Нужен макет сайта, с высотой и шириной 100%. Хэдер и Футер(прижат к низу окна) с фиксированной высотой 100px, а Центр - остаток высоты документа (height: 100%). Центр "разбит на две колонки, так, что бы они имели высоту 100% от родителя, тоесть от Центра. У меня в принципе получилось. Тоесть, в FF и Chrome отображается так, как мне и нужно (Высота сайта равна высоте окна, и не выезжает за ее пределы), а вот Opera почему то Центру применяет высоту 100% не от родителя, а от всего документа. (Как отобразиться в IE и других браузерах - не важно. Главное что бы на этих трех было правильно) Почему так? И как исправить это безобразие? Chrome сделал все правильно: …

   Asked by trulave, January 13, 2012

   0 votes
   7 answers
3. Высота блока в зависимости от содержимого

   Всем привет! Делаю сайт: учеба.top В данный момент верстаю страницу http://www.учеба.top/anketa.html Народ, как мне сделать высоту серого блока ( class="anketa" ) по содержимому, т.е. если много полей, то у class="anketa" свойство height увеличивается. Если полей мало, то height наоборот уменьшается. Пробовал делать и height:auto и вообще у класса .anketa height убирал - не помогает, когда текстовых полей много, они съезжают вниз, и всё становится некрасиво. Народ, подскажите, как быть?

   Asked by fenix_63, June 16, 2016

   • html
   • div
   0 votes
   1 answer
4. Высота блока до футера

   Всем привет. Ребят, не могу победить такую напасть: Необходимо что бы граница правого блока доходила до футера, а не обрывалась после окончания блока. Подскажите как это можно сделать, спасибо http://cornerwork.qql.ru/pressa

   Asked by MadChild, April 11, 2013

   0 votes
   1 answer
5. Высота блока доходит не до конца

   Здравсвуйте. Столкнулся с такой проблемой. Сделал у блока меню правый border (11px solid) и высоту блока на 100% поставил, но когда в контенте становится больше слов чем в блоке, блок не "вырастает" больше, а мне нужно чтобы он всегда доходил до подвала сайта. + Еще одна проблема, остается место после Контента, мне нужно чтобы контент прижимался к подвалу. Помогите пожалуйста решить. Скрин: P.S Проблемы показаны стрелками. Вот исходники (html и css файлы) Скачать (на ifolder.ru) Если нужно, могу перезалить на другой Хостинг.

   Asked by Simpsons, July 10, 2012

   0 votes
   28 answers
6. Высота блока комментариев от Facebook

   Здравствуйте! Кто знает как убрать баг фейсбука, а именно этот отступ:

   Asked by dima777, July 20, 2011

   0 votes
   5 answers
7. Высота блока меньше, чем его содержимое

   Привет всем! На примере странички http://www.vw-ntagil.ru/index.php?page=vwMagazine Никак не могу понять почему, если с блоке content (по центру) наполнения меньше, чем по боковым столбцам или оно отсутствует, то боковые столбцы блоком main просто съедаются. Верстка не моя, долго ковырялся, прописывал height: 100%; для всех колонок, но не помогает, пробовал менять overflow для main, все равно нет эффекта, рисует скроллинг сбоку и помещает контент в себя, а высота остается маленькой.. Помогите, если не трудно, основной .css это style.css. Поделиться исходниками не могу, только в таком виде.. я уже весь мозг сломал. =)

   Asked by gard, October 12, 2011

   0 votes
   4 answers
8. Высота блока по высоте блока, следующего за ним.

   Здравствуйте, существует такая конструкция: <div class="transparency"><!-- Это полу-прозрачный блок--></div><div class="content"> <p>Некий текст</p></div>.transparency {opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;background-color:#000000;min-width:420px;height:330px;margin:0 auto;z-index:0;position:absolute;border-radius:15px;} Блок transparency служит как полупрозрачная подложка. Блок content вкладывать в него не могу, поскольку в таком случае его содержимое тоже станет полу-прозрачным. Дак вот, мне нужно, чтобы подложка по размерам была как блок content, высота этого блока меняется, поэтому постоянное значение испол…

   Asked by Inf1n1tI, January 24, 2015

   0 votes
   2 answers
9. Высота блока с position relative

   Здравствуйте. вот что есть сейчас: у блока menu_text position:relative;он встает на правильное место. Но вот высота у него как 2 блока, ниже меню большое расстояние. Если я этот блок удаляю, то лишнее пространство исчезает. Как сделать так, чтобы блок advert_list начинался сразу после меню? html: <div id="menu_wrapper"> <div id="menu_center"> </div> <div id="menu_text"> <div class="menu_button"> <img src="images/menu_home_page.png"><br> Главная </div> <div class="menu_button"> <img src="images/menu_education.png"><br> Образование </div> <div class="men…

   Asked by Aurica, December 14, 2010

   0 votes
   6 answers
10. Высота блоков

    Доброго времени суток! Есть n-ое кол-во блоков, в данном случае 6, как растянуть их на всю высоту экрана так, чтобы при увеличении экрана они тоже увеличивались?(Высота у блоков равная)

    Asked by iFurians, June 21, 2013

    0 votes
    1 answer
11. Высота блоков

    Помогите, пожалуйста, разобраться с проблемой. Дело в том, что есть 3 колонки с фиксированной высотой. Но почему-то Webkit'ы и Firefox отображают их по разному. Firefox: Webkit'ы: Сама верстка: https://googledrive.com/host/0B6IlwqUO2fshQXYtM2dZWnNBVnM/

    Asked by Aleksandr.L, December 25, 2013

    0 votes
    11 answers
12. высота блоков

    Всем привет, есть 3 блока http://fscreen.ru/vAc4Rb1314175623 , цены и описание должны быть выровнены по одной линии, есть сузить экран , то высота блока изменяется и появляется скроллинг у блока ( http://fscreen.ru/Vn9c0L1314180238 ) т.к. я задал для блоков фиксированную высоту и overflow:auto; , если без фиксированной высоты, то сами понимаете ничего на одном уровне точно не будет. Как посоветуете решить проблему. Никто не знает есть функция js определяющая высоту контента в блоке ?

    Asked by htmligor, March 1, 2014

    0 votes
    9 answers
13. высота блоков в HTML

    Есть блок родитель в котором находятся два дочерних блока. У родителя display; flex. Какое значение нужно задать второму блоку, чтобы он растягивался вниз до высоты большего блока(который рядом с ним) и при этом контент не смещался

    Asked by Romario1985, April 24, 2021

    0 votes
    2 answers
14. Высота блоков при резиновой вёрстке

    Добрый вечер! Такой вопрос - при резиновой вёрстке можно ли задать единую высоту у двух блоков с разным контентом? (все блоки резиновые) В одной колонке картинка + заголовок + интро В другой - дата добавления и заголовок Проблема в том, что если изменять размер браузера, то блок, в котором контента больше, растягивается по высоте.

    Asked by Kotik, March 27, 2013

    • резиновая верстка
    0 votes
    1 answer
15. высота блоков, вертикальные распорки

    У меня 3-х колоночный дизайн. Центральная контентная часть выделена цветом и бордером. Некоторые страницы формируются автоматически, и контента маловато. Правая часть значительно длинее. Раньше, при табличной версте, вставляли невидимую картинку-распорку, с определенной высотой, которая не давала странице делаться меньше. Есть ли подобные средства в css? На первый взгляд все довольно просто - указываем div-у height=800px, например, и меньше этого размера div не станет. Есть только одна проблема - мозилла сохраняет высоту, даже есть текста больше. Он просто вылезает поверх контента дальше.

    Asked by vadimus, June 20, 2007

    0 votes
    6 answers
16. высота в %

    Столкнулся с такой проблемой. Задаю высоту бока в % относительно body И оказывается, что при правильном doctype высота заданная в % не работает. Кто нибудь знает как это можно обойти?

    Asked by jangot, April 7, 2008

    0 votes
    6 answers
17. высота в %

    Добрый день, возник такой вопрос, есть например такая верстка <div id = "container"> <div id = "header" >Header here</div> <div id = "content">CONTENT CONTENT CONTENT</div> </div> Если указать высоту для container например 50%, или 500 px то указание высоты для дива с id=header в 20 или, например 50% будет менять высоту этого дочернего дива, т.к. она будет считаться относительно родителя. Но если не указать высоту родителя, то высота в дочернем диве будет вычисляться по своему контенту. Возможно ли как то не указывать высоту родительскому диву, но чтобы при этом указание высоты в 20% у дочернего дива действительно давало 20%. Т.е. так…

    Asked by shaci, February 21, 2012

    0 votes
    4 answers
18. высота в процентах

    Всем привет. Как сделать высоту на 100% экрана? Этот код устанавливает только ширину: http://jsfiddle.net/vdVT8/ Заранее благодарен

    Asked by B00sT, November 14, 2011

    0 votes
    2 answers
19. Высота вёрстки во весь экран

    как сделать чтобы вёрстка растягивалась на всю высоту в зависимости от расширения ?

    Asked by AntonSolo, January 16, 2009

    0 votes
    8 answers
20. Высота вложенного блока ограничивается высотой родительского

    Не могу понять. Делаю выпадающее меню и тут такой непонятный расклад возник. В общем, блок выпадающего меню обрезается по высоте. Если увеличить высоту #header, то тогда всё норм. Но мне надо бы оставить высоту #header без изменений. Я что-то вообще не могу понять, почему оно обрезается. Вот ссылка на проблему: http://rubanys.narod.ru/index.html

    Asked by Belovsan, August 26, 2010

    0 votes
    2 answers
21. высота вложенного в table-cell блока

    Доброго дня. можно ли как то растянуть высоту вложенного в table-cell блока до высоты родителя. В примере блок .height должен быть по высоте блока .right http://jsfiddle.net/digitalmedia/hokck58k/

    Asked by vip, June 23, 2015

    0 votes
    4 answers
22. Высота всей страницы - всегда 100%. Как?

    Здравствуйте. Задача: Первый и последний имеют фиксированную высоту, например, по 100 точек. Третий же должен растягиваться по всей высоте, независимо от содержимого. При этом, если содержимого много то в нем должна появляться полоса прокрутки. Таким образом, высота страницы всегда остается 100%, а титул и подвал всегда видны. Помогите, пожалуйста, с решением.

    Asked by ekha, October 8, 2007

    0 votes
    5 answers
23. Высота дива

    Как сделать, чтобы при увеличении размера контента дива, он увеличивался бы по высоте, если в ксс указан overflow: hidden ? overflow: visible не подходит, т.к когда я его указываю, вся верстка "валится" в мозиле и опере. зы: Это надо сделать в дивах, которые поочередно расположены по горизонтали... Или альтернативный вопрос: как сделать чтобы верстка не валилась при overflow: visible ? =) .block_main{ position: relative; margin-top: 5px; margin-bottom: 5px; } .block_top_1{ margin-left: -10px; margin-top: -5px; margin-bottom: 5px; height: 32px; line-height: 18px; overflow: hidden; background: #FFF; border: 2px solid #f6f6f6; border-bottom: 1px solid #dddddd; } .block_con…

    Asked by ros.pro, March 10, 2008

    0 votes
    1 answer
24. Высота дива в %

    Div идет как подлжка (т.е. без контента). В пикселах рисуется, в % - нет.

    Asked by Destrifer, January 24, 2009

    0 votes
    7 answers
25. высота дива по вертикали - всё что осталось на странице

    Привет всем! Есть задачка - реализовать следующий каркас: Есть див - 95 px по высоте. Надо создать под ним второй, который бы занял 100% оставшегося места. Реализую следующим образом: <style> html, body {margin:0; padding:0;} #one{width: 100%; height:95px;} #flashcontent{width:100%; height:100%;} </style> Но не получается!Див становится 100% относительно <body>(насколько я понимаю). Т.е. появляется скролл!А этого быть не должно! Ещё одна проблемка кроется в том, что во второй див встраивается флеш элемент, который тоже должен правильно позиционироваться(т.е. он тоже имеет размеры 100% по вертикали и должен чётко растягиваться по диву). Вот полный код ст…

    Asked by Cueball, September 21, 2009

    0 votes
    4 answers