HTML Coding

29,542 questions in this forum

1. Position: absolute и Opera(а также IE 8)

   Добрый день. Помогите пожалуйста решить проблему. Есть главная страничка по адресу http://roof-store.su/. На этой страничке большой слайдер, а у него белая овальная картинка, которая служит фоном для точек переключателей(посередине-внизу слайдера). Во всех браузерах точки переключатели по центру этой картинки, а в опере и точки влево съехали и нижний контент постоянно дёргается. Код для этой картинки #slider-image { position: absolute; top: 600px; left: 620px; z-index: 100; } Как можно это решить?

   Asked by Falcon, October 2, 2013

   0 votes
   1 answer
2. position: absolute перекрытие

   Есть для примера 2 блока. <div style="background: green; height: 71px; width: 800px; position: absolute; top: 0; left: 0; z-index: 2;"></div> <div style="color:red; z-index: 999;">bla bla bla</div> По какой-то необьяснимой причине первый блок перекрывает второй закрывая текст, игнорируя z-index. Помогите пожалуйста, что здесь происходит и как с эти бороться? Изначальная идею состояла в том, чтобы поместить несколько бэкграундных изображения под текст.

   Asked by graf, August 4, 2011

   0 votes
   6 answers
3. position: absolute скрытый overflow: hidden

   Приветствую всех. Есть такой код В блоках: container-1, и .container-2 все идентично. В блоках: .wrap-1, и .wrap-2 почти так же, за исключением блока .wrap-1 в котором добавлено overflow: hidden; Результат вы сами видите: .wrap-1 не позволяет container-1 выползти за его границы. В принципе по логике все ясно, просто я думал раньше что он вылезает вообще из общего потока на самый верх, но вопрос не в этом...а в том как это убрать, если мне нужно именно такие стили с overflow: hidden; и position: absolute одновременно?

   Asked by Arthur, October 11, 2014

   • position: absolute
   • overflow: hidden
   0 votes
   13 answers
4. position: absolute; и position: relative; для мобильной версии сайта

   Добрый день! Жаль что у вас тут темы не удаляются, потому что когда писала, нашла у себя ошибку, а сейчас тему удалить не могу. Но сейчас не об этом. Есть не анимированный слайдер <div class="slider"> <div class="slider_site"> <img src="/images/slider_1.jpg" alt="DSC0604-min.jpg" border="0" class="img_slider"/> </div> <div class="slider_line"> </div> <div class="txt_left"> <h1 class="slider_h">АВТОМАТИЗАЦИЯ<br> КНС</h1> <div class="button"> <a href="#" class="button_a">Подробнее</a> </div&…

   Asked by marizza40, November 14, 2019

   • css
   0 votes
   3 answers
5. position: absolute; Хорошо или плохо?

   position: absolute; Хорошо или плохо? Без контекста, в общем. Почему да? Почему нет? Почему можно и нужно, а почему не нужно и нельзя?

   Asked by user135, October 1, 2012

   0 votes
   7 answers
6. Position: fixed - сделать размеры блока как у body

   Есть страница, c: body { max-width: 1200px; margin: auto; } т.е. контент посередине. Вопрос: есть блок <footer>, как средствами CSS сделать его "привязанным" к низу страницы так, чтобы он был одного размера с body? И соответственно менял размеры, если у body меняется. Ну например: окно браузера уменьшили... footer { position: fixed; bottom: 0; } "привязывает" <footer> к низу, но растягивает по ширине экрана.

   Asked by mr.relax, February 2, 2018

   • css
   • fixed
   • position
   0 votes
   2 answers
7. position: fixed + margin

   Здравствуйте. Уж очень давно пытаюсь разобраться с одной вещью - взаимоотношениями position:fixed и margin:auto Ситуация такая: нужно чтобы был неподвижный при прокрутке блок, при этом чтобы он всегда находился по центру вне зависимости от разрешения экрана. Вот блок, сейчас вот бьюсь с кнопкой "Наверх" Стрелкой показано куда нужно сместить блок, css привязанный к блоку такой: #upButton{ position:fixed; margin:auto; bottom:0px; background: #b1b1b1; color: #ffffff; width:100px; height:30px; font: 14pt Calibri; box-shadow: 0 0 10px rgba(0,0,0,0.5); } Смог добиться такого результата только вложив блок который должен быть по середине в другой блок, результат вот: Css и Htm…

   Asked by orel, January 21, 2012

   0 votes
   2 answers
8. position: fixed ie6 bug

   Пришлось сегодня применять данное свойство оказалось ослик с ним не дружит нагугил три решения ява overflow: auto/height: 100% для боди и хтмл и экспрешеном первый - ненашел компактного решения во втором у меня жуткие глюки начались пока работает на экспрешене собственно вопрос может кто знает еще пути решения данного бага кроме описанных выше

   Asked by WalkMan, January 31, 2010

   0 votes
   6 answers
9. position: fixed для html

   Здравствуйте. Подскажите пожалуйста, является ли извратом назначение position: fixed для тела страницы (тоесть тегов html или body), или это норм и можно применять? Спасибо.

   Asked by Chp, August 12, 2013

   0 votes
   2 answers
10. position: fixed и обтекание текстом

    указал для шапки сайта (она сверху) position: fixed. теперь надо сделать, чтобы прокручиваемый вниз текст не уходил под шапку (она полупрозрачная). домой пришел уставший и никак не могу сообразить...

    Asked by beatstream, April 23, 2009

    0 votes
    7 answers
11. position: fixed как сделать?

    необходимо блоку с position:fixed задать определенное положение, но никак не могу допетрить как: нужно чтобы блок был прижат к верхней части окна - то есть top:0; - тут все просто. а вот по горизонтали он должен располагаться на 200px правее от центра. можно ли обойтись без дополнительных блоков?

    Asked by sympler, June 24, 2011

    0 votes
    16 answers
12. position: fixed не работает в IE < 7мой версии - есть альтернатива?

    Привет всем. Слой должен оставаться на месте при прокруте. Доктайп строгий. Использую position: fixed; в FF , Safari слой на месте, в IE 7 тоже вс? отлично но! не работает в IE в версиях меньше 7мой ((( Существует ли альтернативное решение этой задачи для более ранних версий IE?

    Asked by iluha, May 22, 2008

    0 votes
    6 answers
13. position: fixed;

    Добрый день, необходимо сделать меню, которое плавает вдоль левого края контейнера, все бы ничего, но сайт адаптивный и когда окно браузера становится меньше основной ширины контейнера - с этим справляются @media, а как сделать чтобы позиция отсчитывалась от центра страницы или от контейнера, чтобы при больших и разных экранах меню оставалось на своем месте, возле контейнера? Буду благодарен за любую информацию. Нашел решение при помощи calc(); но, судя по заявленным данным о поддержке браузерами - не так много поддерживают эту функцию, может есть более правильное решение?

    Asked by wicked_kiD, April 3, 2013

    • position
    • fixed
    0 votes
    7 answers
14. position: fixed; как установить слой по центру окна браузера без отступов сверху и заданного размера?

    Доброго всем дня! Уважаемые, возникла проблема.. в одном интересном шаблоне для сайта есть такая тема- серху странички идет цветная полоса с заданной прозрачностью, при вертикальном скроллинге основное содержимое страницы как-бы подлезает под эту полосу.Изначально в шаблоне эта полоса была установлена со 100% шириной. Собственно вопрос- как сделать так, желательно при помощи CSS, чтобы эта полоса находилась по центру окна браузера с заданной шириной в 1256px.... у меня не получилось, полоска полюбому прилипает к левой кромке окна браузера.. подскажите кому не трудно, заранее благодарен!! Вот часть CSS #kopf_aussen { position: fixed; top: 0px; left: auto; right: auto; …

    Asked by volonter, September 10, 2009

    0 votes
    2 answers
15. Position:absolute

    Друзья, подскажите пожалуйста. Есть абсолютно спозиционированный элемент. Все-бы хорошо, но при горизонтальном уменьшении окна, любой такой элемент начинает уезжать со своего места. Как с этим бороться ? ЗЫ. Единственное, что приходит на ум, это через медиа запросы возвращать этот элемент на своё место под разные разрешения... )

    Asked by brezze, May 5, 2017

    0 votes
    6 answers
16. position:absolute + relative в одном. Есть такое?

    кто нибудь знает, можно сделать, что бы объект позиционировать не от угла экрана, а как нибудь от какого то выбранного места, но при этом, что бы он не занимал места, как в position:absolute . А то столкнулся с такой поблемой. Сайту уже чуть ли не полгода, а я его с помощью position:absolute делал на своем обычном, так сказать, мониторе. Все было красиво, пока не посмотрел с широкоэкранного, я был в ужасе

    Asked by apika, May 10, 2008

    0 votes
    10 answers
17. position:absolute vs float:right в IE8

    Начну со ссылки: r13.fssprus.ru Не обращайте внимания на дикую вёрстку и всеобъемлющую невалидность. Вопрос вот в чём: в ie8 всплывающее меню второго уровня находится позади нижележащих пунктов меню. z-index:1 я им всем ставил (для примера сейчас оставил один), не помогло. Что с ними ещё можно сделать? Я в волшебных свойствах IE вообще не ориентируюсь. Сайт скоро сменят вообще весь, но хочется, чтобы это время он поработал нормально.

    Asked by Int, July 7, 2011

    0 votes
    10 answers
18. position:absolute в ie

    доброго времени суток, уважаемые специалисты у меня назрела проблемка которую не могу решить( есть отрывок кода html: <div class="one">ТЕКСТ</div> <div class="two"><img src="рисунок"></div> и отрывок кода css к нему: .one{ float:left; } .two{ position:absolute; } теперь собственно проблема. нужно чтобы текст был НАД рисунком, а не слева. Опера и Мозила позиционируют нормально, IE выкабенивается и ставит текст слева. несмотря на position:absolute подскажите пожалуйста какое-либо решение, но с условием что float:left останется, потому что на нем держится остальное содержимое блока

    Asked by Тиар, July 10, 2009

    0 votes
    3 answers
19. position:absolute в ИЕ

    В блог на вордпрессе добавлял колонку (сайдбар) слева, в php все сделал, в css выкрутился так position:absolute во всех браузерах отрабатывает как надо, а вот в ИЕ 7 и 8 (подозреваю что и в других версиях тоже) никак, сайдбары наслаиваются , пример http://sanatar.ru . Отдельные стили (хаки) для ие не использую. Подскажите как можно выкрутиться с левым сайдбаром в ИЕ?

    Asked by sanat, February 10, 2011

    0 votes
    4 answers
20. position:absolute для <td> в IE

    Добрый день всем!Подскажите, как решить проблему абсолютного позиционирования ячеек в IE 6-8. Заранее спасибо

    Asked by Newie, August 31, 2010

    0 votes
    12 answers
21. position:absolute за пределы окна монитора

    Как сделать так чтобы position:absolute за пределы окна монитора не приводило к появлению прокрутки? Заметил любопытную вещь: при задвиге слоя за левую границу монитора горизонтальной прокрутки не возникает, при задвиге же за правую возникает. Простейший пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > <title>Пример</title> <style> DIV.primer1 { width:100px; height:100px; background-color:#F00; position:absolute; top:0px; left:-50px; } DIV.primer2 { width:100px; …

    Asked by Колос, August 18, 2010

    0 votes
    7 answers
22. position:absolute и height

    Добрый вечер. Для блока свойство position имеет значение absolute. Как в этом случае мне указывать высоту блока? Height и min-height не работают .main { padding: 0px 12px; width:500px; position:absolute; margin-top:155px; height:455px;}

    Asked by mylogin, January 27, 2013

    0 votes
    1 answer
23. Position:absolute и скроллбар

    Здравствуйте. http://jsfiddle.net/ovwtsab7/ По ссылке вы можете увидеть схематическое меню сайта (красный блок) и два блока (синих) с фоновыми изображениями для декорации меню. При уменьшении окна браузера синие блоки должны уезжать за пределы видимости, как и происходит с левым блоком. Проблема заключается в правом блоке, из за которого появляется горизонтальный скрол. Подскажите, как добиться такого же результата, как и с левым блоком.

    Asked by alex_web64, December 16, 2014

    0 votes
    3 answers
24. position:absolute прикрепить к положенному месту

    Сайт axcay.net Проблема в том, что слой с большими бутылями является большим пнг изображением. Имеющим ширину страницы и минимально необходимую для изображения высоту. Поставив слой с ним выше всего, поставив z-индекс 3, и выронив этот div по центру все было нормально. Но в последствии я заметил, что текст который попадает под этот див выделить нельзя. Я обрезал по ширине изображение, но теперь не могу прибить его к тому месту, которое нужно. Пока поставил отступ с лева в %. Но при приближении или отдалении страницы, слой соответственно плавает. Прошу помощи. div #bottl <div id="wrapper" class="gr shadow"> <div id="bottl"></div> <div id="header"&…

    Asked by z-0091, July 21, 2011

    0 votes
    2 answers
25. position:absolute;

    Я так понял, когда указываешь position:absolute; для дива или для параграфа, вся рамка, независимо , где она была, поднимается вверх и прижимается к левому углу, а потом указываешь офсет, куда ей надо двигаться. Я правильно понял???

    Asked by DivMan, January 3, 2014

    0 votes
    2 answers