pivkos
Newbie-
Posts
16 -
Joined
-
Last visited
pivkos's Achievements
Explorer (1/14)
0
Reputation
-
Сорри, внесём правки, от 1201 до 1600. А здесь получется >1600 Добавлено: Сделал всё из своего списка, но не могу убрать горизонтальный скролл при размере экрана от 1201 до 1600. В ФФ/хроме всё ок, лишнего горизонтального скролла нет, следовательно и футер за пределами экрана не нужен. А как быть с ослом? Добавлено 2: Ура! Ура! Ура! Всё работает, всё красиво, как на 10-и дюймовом нетбуке, так и на широкоформатном большом монике. Всем спасибо!
-
1)При ширине экрана от 0 до 1999 - доп. блок не нужен. Центральный блок прижат к левому краю(центровать нечего, т.к. он не вмещается), есть горизонатальный скрол(для возможности обозрения всего основного блока). 2)При ширине 1200. Центральный блок также прижат к левому краю, горизонтального скролла нет. Доп. блока тоже нет. 3)При ширине экрана от 1200 до 1400, доп. блок нужен, но может быть обрезан справа. Центральный блок строго по середине окна браузера. Горизонтального скролла нет. 4)При ширине >1400 - центральный блок также строго по центру. Дополнительный отображается целиком. Горизонтального скролла нет. Вот как-то так
-
Да, должен быть. Если не помещается целиком, допустимо его обрезание справа. Если же он не вмещается вообще, то впринципе он не нужен(и при таком раскладе, разумеется желательно его убрать).
-
Потому что сам макет сложнее, я попросту постарался воспроизвести проблемную часть, выбросив шелуху. Увы, нет. Сорри, я сразу не уточнил, что необходимо блок #content1 отцентровать. #content1 - основной блок, он главный, тут вся контентная составляющая, поэтому он должен быть по центру окна браузера. #content2 - несёт только декоративный эффект, прилеплен справа к #content1.
-
Исправит, но тут гвоздь в другом. Вот модифицирую исходный код вот так: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Див по ширине страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> html, body { margin: 0px; padding: 0px; height: 100%; } #wrap1 { margin: 0 auto; width:1200px; } #content1 { position: relative; width: 1200px; height: 1000px; background-color: blue; } #content2 { position: relative; margin-left: 1200px; width: 200px; height: 200px; background-color: green; } #footer { width: 1400px; background-color: red; } </style> </head> <body> <div id="wrap1"> <div id="content1">Content 1 <div id="content2">Content 2</div> </div> </div> <div id="footer">Footer</div> </body> </html> P.S. #content1 нужно центровать по горизонтали.
-
Убирал, увы не помогает Я уже ка только не выкручивал...поэтому и пришёл сюда.
-
Здравствуйте! Уже часа 2 ломаю голову и никак не могу найти решение: Есть страница, контент, шире окна браузера. Внизу есть футер, в стилях стоит width: 100% Но футер тянется не на всю ширину страницы, а только на ширину окна браузера. Doctype - strict. Вот пример кода с описанной выше проблемой: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Див по ширине страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> html, body { margin: 0px; padding: 0px; width: 100%; height: 100%; } #wrap1 { margin: 0 auto; } #content1 { position: relative; width: 1200px; height: 1000px; background-color: blue; } #content2 { position: relative; margin-left: 1200px; width: 200px; height: 200px; background-color: green; } #footer { width: 100%; background-color: red; } </style> </head> <body> <div id="wrap1"> <div id="content1">Content 1 <div id="content2">Content 2</div> </div> </div> <div id="footer">Footer</div> </body> </html> Подскажите, как растянуть футер на всю страницу? Заранее спасибо!
-
Нет не должен. Да, вероятно дивом и сделаю. Не знаю, почему-то изначально показалось проще с текстареа, а потом оказалось, что не проще Всём спасибо. Тему можно закрывать.
-
Про WYSIWYG-редакторы знаю и пр JS. Нет мне это не нужно, мне нужно просто в пхп вывести форматированный текст, не более
-
Привет всем! У меня есть текст с форматированием в HTML. Его нужно вывести в textarea, но сохранить при этом форматирование(например что-то зажирнено, что-то другим цветом выделено). Это реально, если да, то как? Как вообще в textarea выделить болдом текст или скажем поменять цвет? В гугле ничего толкового не нашёл(htmlentities - пробовал, может быть руки не оттуда, но не помогло) Заранее спасибо!
-
Здравствуйте! Верстаю свою галерейку, застопорился на выводе превьюшек. Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> #gallery .photo_div{ display: inline; } .photo_div { width:82px; height:97px; margin-left:5px;margin-right:5px;margin-bottom:10px; border:1px solid #d8dcea; text-align: center; font: verdana, arial, sans-serif; } .photo_div img { border: 5px solid #fff; border-width: 5px 5px 20px; } .photo_div a:hover img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; color: #fff; } .photo_div a:hover { color: #fff; } </style> </head> <body> <div id="gallery"> <div class="photo_div"> <a href="g3314.jpg" title="Картинка"> <img src="mini_g3314.jpg" width="72" height="72" alt="" /> </a> </div> <div class="photo_div"> <a href="g3314.jpg" title="Картинка"> <img src="mini_g3314.jpg" width="72" height="72" alt="" /> </a> </div> </div> </body> </html> Вот тут можно посмотреть на страницу: пример В ИЕ(я тестировал на ИЕ6, других под рукой нет) выскакивает пара лишних пикселей, которые я никак не могу убрать. В ФФ рамочка целиком косячит, но если убрать #gallery .photo_div{ display: inline; }, то рамочка отображается так, как нужно, но превьюшки стоят вертикально, а нужно, чтобы они стояли горизонтально. Пожалуйста, подскажите, как исправить вёрстку и сделать, чтобы всё это красиво работало во всех браузерах? Заранее огромное спасибо!
-
Гугл всегда в помощь! А поконкретнее можно?
-
Здравствуйте! Подскажите, пожалуйста, как поставить див в самый низ экрана, но в случае если контента больше чем одна страничка(по вертикали я имею ввиду), то он бы смещался и шёл в самом низу, за контентом? Т.е. Если контента на пол страницы, то этот див находиться внизу экрана, а если допустим контента полторы страницы, то этот див идёт сразу после контента? Хочу туда поместить счётчик 1)Пробовал ставить блоку position:absolute;bottom:5px; Но тогда, в случае если контента больше чем на страницу, то этот див налазиет на контент 2)Пробовал ставить position:relative; Но тогда в случае если контента меньше чем на страницу, тогда этот див может оказаться посерёд экрана, что тоже не очень красиво Пожалуйста, подскажите, осуществимо ли это средствами лишь css, без использования js? Если да, то как? Заранее огромное спасибо за помощь!
-
уже 5-ь раз читал, ответа на мой вопрос там нет. А я как написал?!? Когда читать вопросы начнём до того, как писать ответ?