HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
header ширина
Привет. У меня header имеет ширину width 100% и высоту 820 px. Подскажите пожалуйста, как сделать обертку для всего контента (wrapper) меньшую чем размеры headera. Но притом чтобы header оставить таких размеров как и есть.
0 votes9 answers -
heigh 100% и margin-top
Возникла следующая проблема: хочу сделать поле, занимающие всю высоту экрана и при этом имеющие фиксированный в пикселях отступ сверху. Если я указываю height: 100% и margin-top: 200px, то мое поле вылезает за размеры экрана, создавая не применимый скроллинг. Как добиться, чтобы высота поля была 100% - 200px и лишний скроллинг не возникал? В этом примере я попытался изобразить концепцию, однако два элемента здесь налезают друг на друга. <!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> <title>Untitled Page</title> …
0 votes7 answers -
Height 100% + Repeat + ie 6
Здравствуйте. При вёрстке документа столкнулся с очередной проблемой в IE 6. На странице имеется декоративный элемент со свойствами: position:absolute; background-repeat:repeat-y; height 100% Родительский элемент имеет свойства (пробовал разные сочетания) min-height: 100%; height: auto !important; height: 100%; html и body имеют (пробовал разные сочетания) height: auto !important; height: 100%; Проблема: Декоративный элемент успешно растягивается на всю высоту экрана, его фон повторяеться, но если страницу проскроллить вниз обнаружаеться, что элемент не растягиваеться дальше. То-есть элемент не растягиваеться на высоту большую чем первоначальная видимая область. Это д…
0 votes5 answers -
height 100% в XHTML под IE 7.0
Если ставить общей таблице и одной из составляющих tr высоту 100%, то под IE7.0 значительно увеличивается общ. высота, появляется scroll. Помогите!!!!!
0 votes3 answers -
height 100% и не тянется
Подскажите пожалуйста, у меня такая проблема. В предпоследнем родительском диве, куда вставляется весь контент, я поставил height:100%; что бы он растягивался на до конца при любом разрешении монитора. Но почему-то не срабатывает. В чем может быть проблема?
0 votes3 answers -
height 100% и шапка
Здравствуйте! Сталкнулась с такой проблемой: <html> <style> html body { margin: 0; padding: 0; height: 100%; } </style> <body> <div style="height: 80px; width: 100%; background: #fa0">header</div> <div style="float: left; height: 100%; width: 150px; background: #0fa;">object tree</div> <div style="height: 100%; background: #a0f;">container</div> </body> </html> Суть ее в том, что появляется скролл на 80px, то есть на высоту шапки. Как от него избавиться и сделать object tree и container нормальной высоты (100%-80px). Заранее спасибо.
0 votes34 answers -
height 100% от родителя
Здравствуйте, есть проблема с растягиванием элемента по высоте на 100% от родительского. Тема изъезженная, но никак не могу найти оптималього сопосба решения: Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html style="height: 100%;"> <head> <title>Untitled</title> </head> <body style="height: 100%;"> <table cellpadding="0" cellspacing="0" border="1" style="background-color: blue; height: 100%; width: 100%;"> <tr> <td style="height: 100%; width: 50%;"> <table cellpadding="0" cellspacing="0" style="background-color: yellow; hei…
0 votes1 answer -
height 100% у контента
Доброе время суток. Извиняюсь, если пишу не туда или же вообще промахнулся форумом. Верстаю изредка, столкнулся со следующей проблемой. Имеем примитивный макет сайта - посмотреть можно здесь : http://jzap.com.ua/tmp/test.html (css - http://jzap.com.ua/tmp/test.css ). Как видно, блоку content и white даны height: 100%; однако при этом высота content, судя по всему, суммируется с высотой header и сам блок улетает вниз, появляется скроллинг. Путем добавления распорки для удержания футера добился результата : http://jzap.com.ua/tmp/test2.html (css- http://jzap.com.ua/tmp/test2.css), однако там свободное место заполняется содержимым wrap, а мне необходимо продолжение блоков …
0 votes2 answers -
height ie6
желтые полоски (yellow long, short, medium) в ие6 задают себе какую то свою высоту хотя она прописана в ксс, никто не знает как пофиксить это?) в остальных браузерах нормально все выглядит)
0 votes4 answers -
height в IE
Подскажите пожалуйста! Есть блок, контента в нем мало, но надо чтобы он растягивался на определенное расстояние вниз, в FF и Opera работает min-height, IE это естественно не понимает. Я еще совсем новичек, не могу никак справится с этим вопросом.
0 votes20 answers -
Height для Iframe
перерыл пол нета чтобы найти ответ, так и ненашол, проблема только в том что: <table border="0" width="800" height=100% cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" colspan="2"> <img src="img/head.jpg"> </td> </tr> <tr> <td valign="top" width="32%"> Меню и бла бла бла </td> <td valign="top"> <IFRAME src="content.html" width="550" height=100% scrolling="auto" frameborder="0" name="wnd1"> </IFRAME> </td> </tr> </table> неработает, а оочень надо
0 votes5 answers -
height для встроенных - IE против Firefox
Наверняка тема уже поднималась, но я нигде не нашел, как решить. К своему удивлению столкнулся с неожиданной проблемой. Оказывается Лиса и Опера не понимают высоту для встроенных элементов. <a href="#" style="background-color: #3399cc;height:40px;">test</a> ИЕ делает ссылку 40px, Лиса и Опера - игнорируют height. В конечном счете я хотел запихнуть в эту ссылку картинку фоном, но она обрезается. Почему и можно ли это как-то исправить (display:block; помогает, но не подходит)?
0 votes4 answers -
height и bottom
position: fixed; top: 0; right: 0; height: 100%; Смотрю никто никогда не указывает bottom:0; а используют height: 100%; , почему?
0 votes2 answers -
HEIGHT не понимает 100%
Подскажите пожалуйста, такая маленькая проблема: <div style="width: 100%; height: 100%"></div> Почему не хочет он становиться в ширину 100% по размеру окна?
0 votes18 answers -
height сайта 100%
В общем wrapper должен растягиваться на всю длину монитора, как этого добиться, не понимаю) 100% - не работает, прощу помощи.
0 votes7 answers -
height: 1%; для ссылок
Здравствуйте Помогите пожалуйста разобраться. Есть у меня один щаблон, код которого я пытаюсь понять. Остановился на таком вопросе как "вертикальное меню". Вот здесь шаблон: http://lukomorie.dax.ru/ Я не понял зачем height: 1% нужен в этом стиле: #subnav li a { background: url("../images/bg_subnav.gif") no-repeat scroll 100% 100% transparent; display: block; height: 1%; padding: 5px 10px; text-decoration: none; }
0 votes14 answers -
height: 100%
Ребята, подскажите, как растянуть див на 100% заданной высоты в моем случае?(что бы без контента сайт был растянут на заданную высоту) http://bod2005.narod.ru/index.html
0 votes5 answers -
height: 100%
Добрый вечер. Это опять я, со своими дилетантскими проблемами. На этот раз проблема в следующем: имеется три блока внутри общего, один из блоков имеет постоянный контент, но ни у одного нет заданной высоты. Необходимо сделать так, чтобы все блоки были одинаковой высоты. Буду рад вашей помощи.
0 votes2 answers -
height: 100% и margin-top
Доброй ночи форумчанам. Может ли кто подсказать красивый способ обхода одной проблемы. Её суть в следующем. Если задать для html и body height:100%, то для вложенного блока margin неизменно увеличивает размер самой страницы до 100%+margin и как следствие - появляется скроллинг. Где-то был вариант решения с position: absolute есть еще какие-либо мысли?
0 votes3 answers -
height: auto для ios < 6
Здравствуйте. Проблема в height: auto; для iOS устройств ниже 6 версии. В контейнере есть картинка, которая имеет свойства width: 100% и height: auto; Но iOS отказывается понимать и тянет на всю высоту, оставляя ширину в порядке. То есть картинку изрядно плющит. Нашла пару запросов, но советовали только height: auto !important; С высотой работает через медиа запрос для aspect ratio. Но интересно, может есть заклятье?
0 votes15 answers -
height: auto или фикс?
Нарисовалась такая трабла, по идее wrapper должен растягиваться, он растягивается если добавить просто кучу текста - тянется, всё оки, сверстал 100% скролл страницы, wrapper не тянется, чтож тут может быть не так, прошу помощи у гуру. UPD Добавил к wrapper clear:both; overflow:hidden; И о чудо, он растянулся)
0 votes0 answers -
height: auto при float:
Добрый вечер. Столкнулся со следующей проблемой, если в блоке контейнере расположить другие блоки и придать контейнеру свойство height: auto, то оно не работает если для блоков внутри контейнера заданы параметры float. Подскажите пожалуйста решение проблемы. Пример кода здесь.
0 votes3 answers -
Height:100%
Всем привет. Нарисовал макет, решил сверстать для своего блога. И у меня в макете ширина контента (то есть хейдер и так далее) должны находится посередине и сверху не должно быть отступов. Пробовал многое, в том числе в body писал padding:0;margin:0 и тд. Пожалуйста, помогите решить эту проблему. На скриншоте я думаю всё видно: Заранее благодарю.
0 votes8 answers -
height:100% - проблемы с текстом
Сделал 100% высоту сайта с прижатым футером, все нормально, но только когда текст в контентной части увеличивается, то текст не видит футер(виден текст который за футером). Высоту сделал примерно так: wrapper : min-height: 100% , margin-bottom: -150px; footer : height: 150px; Полностью код привести не могу, т.к. пока проблемы с сайтом
0 votes3 answers -
height:100% для html и body
Иногда встречаю css правила для html и body - height:100% или min-height:100% Для чего так делают?? От чего берётся 100% (особенно в случае с html)??
0 votes7 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-