HTML Coding

29,542 questions in this forum

1. float в ие-6 работает некорректно

   Здравствуйте, у меня такая проблема: на сайте есть два блока, блок меню и блок, содержащий контент. Меню - 20%, контент - 80% от экрана, но в разделе с контентом содержатся изображения и их размер может превышать размер экрана. Во всех браузерах, кроме ие-6, в этом случае появляется горизонтальная прокрутка, а ие, просто, переносит раздел с контентом вниз, под блок содержащий меню. Подскажите, пожалуйста, есть ли какие-нибудь средства избавиться от этой проблемы?

   Asked by cratte, February 15, 2010

   0 votes
   8 answers
2. float для блока с position absolute и отступом

   Подскажите пожалуйста, как вставить, баннер в середину (примерно) каждой статьи. Баннер задан в шаблоне и не меняется. Я вставляю код баннера в div оформляющий вывод статей, делаю отсуп сверху и position absolute, чтобы баннер попал примерно в середину статьи. Такой код оформляет баннер: При этом обтекание текстом не происходит, но баннер фиксируется на позиции и прокручивается вместе с текстом, остается только сделать каким-то образом обтекание.

   Asked by maxs, May 1, 2011

   0 votes
   18 answers
3. float и background-image

   Приветствую! Сегодня верстал страницу и был поражён таким эффектом: на странице блок с меню, к которому применено float: left. Текст справа от этого блока отображается нормально, все отступы учтены. Если использовать изображения внутри блоока, то тоже всё в порядке. Но когда я задал блоку справа background-image и потом увидел результат, то был сбит с толку. Фоновое изображение расположилось в самой левой части страницы. И наплевать оно хотело, что там блок меню с float: left. Наблюдается во всех браузерах. Это как-нибудь можно победить без помощи margin и background-position? Макет просто резиновый (отступ слева страницы резиновый, а ширина меню фиксированная, поэтому в …

   Asked by glutaminefree, January 23, 2012

   0 votes
   3 answers
4. float и border

   Всем хи!!! Не могу решить тривиальную задачю. Есть контейнер, включающий в себя плавающие дивы. Как сделать чтобы граница внешнего контейнера отрисовывалась вокруг плавающих в нем дивов. <style> #pageNavigationPanel { border: 1px solid #000; height: auto; } #pageNavigationPanel div { position: relative; float: left; width: 14px; height: 14px; } </style> <div id="pageNavigationPanel"> <div>32</div> <div>1</div> <div>2</div> <div>32</div> <div>3</div> </div> fkds

   Asked by CoDy, October 14, 2009

   0 votes
   2 answers
5. float и border

   Добрый день. Вот есть вопрос хочу разместить два слоя рядом которые делят контейнер на половину. Ну если добавляю еще рамки к слоям то получается нето что я хочу(смещение по вертикали). Как я понял это из за border. Как можно это исправить? ССS #conteyner { width:80%; } #main1 { float:left; width:50%; border:1px Solid red; } #main2 { float:left; width:50%; border:1px Solid red; } HTML <div id="conteyner"> <div id="main1">1</div> <div id="main2">2</div> </div> Как реализовать?Понимаю что рамка нарушает отношение 50 на 50 из за этого и ошибка.

   Asked by goodbenya, August 16, 2012

   0 votes
   3 answers
6. float и clear

   Правильно ли я понимаю, что эффект свойства float нужно компенсировать свойством clear? Свойство float, почему-то, применяется не только к следующему за слоем слою, но и ко всем последующим слоям. А если после слоя со свойством float поместить невидимый слой со свойством clear, то эффект свойства float для всех последующих слоев пропадает? Если так, то не вижу смысла продолжать верстать, используя таблицы, можно обойтись связкой float-clear.

   Asked by IceBars, January 26, 2009

   0 votes
   6 answers
7. float и display-block совсем беда

   Всем привет! Подскажите, пожалуйста, почему может не работать float или display:inline-block? Т.е. они как бы работают. Верхние и нижние границы между элементами схлопываются, но по горизонтали не выстраиваются.

   Asked by fitdevel, June 19, 2014

   • float
   • html
   • css
   • блоки
   • inline-block
   0 votes
   4 answers
8. float и height 100%

   надо сделать высоту ".left" равной высоте ".right" иначе говоря чтоб у него был рабочий height: 100%. всё чего мне удавалось добиваться это получения высоты видимой области и то не во всех браузерах (требуется ie6+ и нормальные) <!DOCTYPE html> <html> <head> <style type="text/css"> .content {border: 1px solid red;} .left {width: 200px; float: left; border: 1px solid green;} .right {float: left; border: 1px solid black;} .clear {clear: both;} </style> </head> <body style="margin: 0; padding: 0;"> top <div class="content"> <div class="left"> left content </div> <div class="right"&g…

   Asked by freeek, January 10, 2011

   0 votes
   1 answer
9. float и margin в IE6

   Вот ссылка: http://concept.dax.ru/ В IE6 не удается получить тоже? что и в FF и Opera, а именно отступы от краних колонок по 10%. Так же в IE6 не удаётся задать ширину для центральной колонки такую, как прописанно в стилях (min-width: 4,9%) ? FF и Opera отдают для этой колонки нужное пространство, но удя по border сам слой эту ширину не имеет? Как можно исправить проблему с отступами в IE, какими принципами можно руководствоваться тут для верстки такого макета? Почему ширина min-width не входит в рамку колонки pust?

   Asked by ardjuna, January 20, 2010

   0 votes
   0 answers
10. float и overflow

    Всем привет! Есть код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title></title> <style> .block { background-color: #CCC; } .float { float: left; width: 50px; height: 50px; background-color: #0F0; } </style> </head> <body> <div class="block"> <div class="float"></div> <p>текст текст текст текст текст текст текст текст текст текст текст текст</p> </div> </body> </html> Ситуация такая: чтобы div.block захватил …

    Asked by vikusik, June 4, 2011

    0 votes
    27 answers
11. float и position при адаптивной верстке

    Привет всем. Не пойму почему при флоте http://prntscr.com/9frma7 список выпадает из блока . Объясните плиз. потом делал его через позиционирование дал ему абсолют. Но при уменьшении расширения экрана список улетает в сторону . Как решить тут проблему? http://prntscr.com/9frnow

    Asked by nooobito, December 18, 2015

    • float position
    0 votes
    6 answers
12. Float и valign

    здесь я показал дивы, соедин?нных с помощью float. Нужно сделать так чтобы содержимое того блока, который по высоте ниже перемещался вниз. Такое легко реализовать с помощью таблиц, но в мо?м случае их использовать нельзя. Как ни крутил, ничего не выходило. Есть идеи?

    Asked by adbared, May 31, 2008

    0 votes
    3 answers
13. float и вложенные слои

    <div style="background: #ccc; width: 100%"> <div style="float: left; width: 300px; background: #000">123<br>123<br>123<br>123<br>123<br></div> 123 </div>В FF внутренний слой вылазит за пределы внешнего. Почему так происходит? В IE все нормально. Какой браузер отображает этот код правильно? Как сделать так, чтобы внутренний слой был слева и не вылазил за пределы внешнего слоя, не задавая фиксированную высоту внешнего слоя? Заранее спасибо за ответы.

    Asked by Cage, October 1, 2009

    0 votes
    6 answers
14. float и отрицательные отступы

    Добрый вечер! Нашел решение для двухколоночного макета, в котором используются плавающие элементы с отрицательными отступами. Пример работает, но я не могу понять, почему. css: #content{ float: right; margin-left: -200px; width: 100%; } #content-inner{ margin-left: 200px; } #left-sidebar{ width:200px; } html: <div id="content"> <div id="content-inner"> <p>content</p> </div> </div> <div id="left-sidebar"> <p>sidebar</p> </div> C чисто обывательской точки зрения, отрицательный маргин должен сдвинуть блок контента с текущей позиции на 200 пикселей влево, однако вместо …

    Asked by scorpio, April 25, 2011

    0 votes
    3 answers
15. Float и отступ

    Вечная проблема этот float, уже переюзал все примочки чтобы отклерить это обтекание и всегда к род. блоку добавляется отступ снизу, никак немогу сним договорится, може форумчане вкурсе, чем его можно взять??

    Asked by Emm, August 21, 2007

    0 votes
    4 answers
16. Float и подчеркивание у ссылки

    <html> <head> <style> a { color: #216a9e; font-size: 8pt; text-decoration: none; border-bottom: 1px dashed #bdd7e9; } </style> </head> <body> <a href="#">Первая ссылка</a><br/> <div style="float: left;"><a href="тест">Вторая ссылка</a></div> </body> </html> В IE первая ссылка подчеркивается, а вторая нет. В FF все работает.

    Asked by dimitrich, April 10, 2008

    0 votes
    8 answers
17. float и приоритеты важности

    Имеем 2 блока, которые следуют вертикально друг за другом у каждого из которых указан float Для каждого блока указана тень Перекрывающая тень другие тени будет у того блока, который идет в коде последним - можно ли это изменить? z-index к желаемому результату не привел

    Asked by ShumNo, November 10, 2011

    0 votes
    7 answers
18. float и распорка на псевдоэлементе.

    Существует классический уже метод сбрасывания обтекания, дабы избежать схлопывание по высоте родителя. Речь о: .clearfix:after{ content:''; display:table; clear:both;}Нуу, это в случае без оглядки на IE7. Собственно, два вопроса к знатокам: Почему display:table; ? Логичнее привычное display:block; - так же работает. И глазу милее и не увеличивает Мировую Энтропию. Или я что-то не знаю и display:table; тут не просто так? Почему часто в коде вижу двойное "сбрасывание обтекания" ДО и ПОСЛЕ .clearfix:before, .clearfix:after {...}. Опять я что-то не знаю, или это обычная паранойя (лучше перебздеть, чем недобздеть)? И если была бы возможность использовать и ВМЕСТО, …

    Asked by Cei, October 1, 2014

    • float clearfix after
    0 votes
    5 answers
19. Float и схлопывающиеся отступы

    По каким принципам определяется положение floated-блока, когда он находится между двумя блоками со схлопывающимися отступами? Например, в такой ситуации: <div class="upper" style="margin-bottom: 30px;">some content</div> <div class="floated" style="float: left;">some content</div> <div class="lower" style="margin-top: 50px;">some content</div> Естественно, размещение легко выяснить опытным путем, но меня больше интересуют правила, согласно которым вычисляются позиции блоков в подобных случаях.

    Asked by troll, August 3, 2011

    0 votes
    30 answers
20. float или inline-block

    Здравствуйте, что лучше использовать для выстраивание блоков в ряд inline-block или флоат.

    Asked by like2dev, July 20, 2011

    0 votes
    2 answers
21. float или position - для размещения контента

    Тут на днях упорно смотрел ролики В.Макеева, и по мимо массы полезных вещей как то вскользь прозвучало что "Все таки float не для разбрасывания блоков по странице" Возникла такая мысль - А насколько правильно, верстать опираясь на позиционирование блоков с помощью свойств float? Одно дело когда это действительно касается картинки которую нужно врезать в текст или что-то подобное. Другое дело формировать структуру отображения всего контента обернутого в различные блоки и раскидывать их налево или направо, и периодически не забывая, где нужно еще и clear впихивать. Это по сути теория, поскольку многие из вас наверняка скажут - "мол каждый верстает как ему удобно", но все же…

    Asked by cmndr_alexgreen, February 21, 2013

    • float position
    0 votes
    14 answers
22. float не работает как мне надо

    Уважаемые коллеги как сделать так чтобы заголовок Два пипеца был не под col-left а в col-right только под ссылками? http://jsfiddle.net/qqkut1e3/

    Asked by TuTaHuKk, January 16, 2015

    0 votes
    2 answers
23. float не хочет работать

    Создаю простенький макет на div'ах. Нужно, чтобы текст ("content content ... ") обтекал картинку (img src = "111.jpg"). Для этого написал такой код: </head> <body> <div id = "main"> <div id = "pict"><img src = "111.jpg" title = "" alt = ""/></div> <div id = "text"> <p>Content content content Content content content Content content content Content content content Content content contentContent content content Content content content Content content contentContent content content Content content content Content content content Content content content Content content content Content content content Content content conten…

    Asked by botyaslonim, August 6, 2010

    0 votes
    16 answers
24. float плавающие блоки

    Всем привет, такая проблема наверно банальная, искал много инфы но ничего не нашел, В общем колонок на сайте много, но расскажу про 3 самые важные. 1 колонка левый блок 2 центр 3 правый блок надо центр, центрировать чтоб всегда был (сделал), левая колонка растягивалась при уменьшении масшаба (сделал), а вот правую никак не могу понять как сделать так же как и левую. центру ставил margin:0 auto; левой float:left; правой хз что поставить, правая колонки ставиться хоть и справа, но под всеми элементами, если поставить float:left; Если поставить центральному float:left; то он будет так же тянуться в лево, а не стоять на центре. Короче проблема в правой колонке, она да ставить…

    Asked by Hoax, July 17, 2011

    0 votes
    8 answers
25. float проблемы кроссраузерности.

    Конкретная ситуация: Есть меню на сайте. Есть выпадающие пункты меню. Меню прорисовывается в дивах: <div class="menu-hidden-out"> <div id='thisid' class="menu-hidden-in"> Текст Выпадающего меню. </div> </div> .menu-hidden-out { position:relative; width: 100%; z-index: +100; } .menu-hidden-in { visibility: hidden; position: absolute; top: 0px; padding: 0px; margin: 0px; max-height:200px; height:expression(this.scrollHeight > 200? "200px" : "auto"); max-width:700px; width:expression(this.scrollWidth > 700? "700px" : "auto"); min-width:120px; width:expression(this.scrollWidth < 120? "120px" : "auto"); overflow:auto…

    Asked by airr, June 8, 2007

    0 votes
    2 answers