psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
а что именно нужно получить в итоге?
-
IE6: не убирается элемент при отведении курсора в hover
psywalker replied to Maha's question in HTML Coding
Понял, спс. -
Будем спасать твой мозг всю жизнь, так и знай. Так что ты попал камрад
-
Это не важною Блок #oblo схлопывается, так как в нём находятся флоат-блоки, а подвал естественно поднимается наверх, как можно выше и обтекает правый или левый флоат блок. Кстати SelenIT прав. Назвал ты свои блоки смешно)). Первый раз вижу такие названия.
-
Потому-что он прижимается к флоат-блокам.
-
Почему-бы например не сделать так <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>3 Колонки</title> <style type="text/css"> *{ margin: 0; padding: 0;} body { min-width: 700px;} #wrap { overflow: hidden; width: 1200px; margin: 0 auto;} div.header,div.footer { height: 100px; background: #0F0; clear: both;} div.left { float: left; background: red; width: 300px;} div.content { overflow: hidden; background: blue;} </style> <!--[if IE 6]> <style type="text/css"> body {width:expression(document.documentElement.clientWidth < 960 ? "960px" : "auto");} div.left { margin-right: -3px;} div.content,div#wrap {zoom: 1;} </style> <![endif]--> </head> <body> <div id="wrap"> <div class="header">HEAD</div> <div class="left">Left</div> <div class="content">Main</div> <div class="footer">FOOT</div> </div> </body> </html>
-
Растрелял Хабр нахрен весь))
-
1) Покажи скриншот того, что должно получиться на выходе 2) У тебя сумма паддингов и ширины вложенных блоков больше, чем ширина контейнера. padding-right: 5 px; padding-left: 20px;
-
Лови решение дружище. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>3 Колонки</title> <style type="text/css"> *{ margin: 0; padding: 0;} body { min-width: 700px;} div.left, div.right { float: left; background: red; width: 300px;} div.right { float: right;} div.content { overflow: hidden; background: blue;} .l { float: left; width: 50%; background:#3F9;} .r { float: right; width: 50%; background: #330;} </style> <!--[if IE 6]> <style type="text/css"> body {width:expression(document.documentElement.clientWidth < 960 ? "960px" : "auto");} div.left { margin-right: -3px;} div.right {margin-left: -3px;} div.content {zoom: 1;} </style> <![endif]--> </head> <body> <div class="left">LEFT</div> <div class="right">RIGHT</div> <div class="content"> <div class="l">Lef</div> <div class="r">Rig</div> </div> </body> </html>
-
Это не в лисе проблемы, а с верстальщиком. Подвалу поставь clear:both;
-
про зум надо думать в первую очередь)
-
IE6: не убирается элемент при отведении курсора в hover
psywalker replied to Maha's question in HTML Coding
А что ты сделала, для того, чтобы решить трабл в ИЕ6? -
Поддерживаю SelenITа, считаю, что нехера менять вещи, которые уже стоят на своих местах, да и потом правда, проблемы могут быть, мало-ли что. Вот держите лучше решение и не парьтесь: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Фиксированная картинка слева</title> <style type="text/css"> *{ padding: 0; margin: 0; } body{background:url('/n.gif') fixed no-repeat;} /* Нужно что-бы картинка слева всегда была: 1. Высоты 100% - 2. Фиксированной и не растягивалась при заполнении текста 3. Вобщем точно так же, как и в Файрфоксе, так же должно быть и в ИЕ6 */ div.fixed { position: fixed; left: 0; top: 100px; _top: expression(document.getElementsByTagName('html')[0].scrollTop+100+'px'); _height: expression(document.getElementsByTagName('html')[0].clientHeight-100-100+'px'); bottom: 100px; width: 200px; background: red; _position: absolute; } div.right { margin-left: 250px;} </style> </head> <body> <div class="fixed">FIXED</div> <div class="right"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> </div> </body> </html>
-
Но почему-же, именно растянуть, способ есть. А если ты хочешь, чтобы фон повторялся, тогда делай, как мы тебе говорим.
-
Конечный три лепестка изменить немного, возможно получиться повторялка.
-
А что если сделать функцию, которая отправляла бы запрос, возвращала бы новый результат, а после этого уже считала столбцы?
-
А ты сделай так, чтобы функция считала Новое кол-во столбцов, а не старое.
-
А что значит Событие происходит раньше, как понять? Ведь по идее так и должно быть, жмёшь на кнопку, срабатывает функция, которая делает своё дело. Что тут не так?
-
LI {display: inline;}
-
Какой хороший форум. 5 постов, три решения
-
Давно пора
-
В КСС, в самый верх.
-
Для желающих получить опыт верстки
psywalker replied to Dimitry Wolotko's topic in Practise Templates
Тогда погоди немного, я щас достану свой волшебный шар, сосредоточусь и попаду к тебе в комп, подожди минут 10 -
*{margin:0;}
-
Для желающих получить опыт верстки
psywalker replied to Dimitry Wolotko's topic in Practise Templates
pattaya Лучше давай ссылку на страницу.