Great Rash
-
Posts
7,974 -
Joined
-
Last visited
-
Days Won
144
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Great Rash
-
Для борьбы с багами ИЕ все способы хороши. Для проверки валидности существуют валидаторы.
-
То есть вы хотели сказать "не знаю совсем". Зачем обманывать себя и нас... <option value="1" onclick="document.location.href = 'pages/my-page.html'">Регион 1</value>
-
Если "творческие люди" обижаются на здоровую критику, то они просто дураки. Вместо того, чтобы извращаться надо было просто объяснить спокойно и доступно, что дизайн интерьеров не похож на дизайн полиграфии и у тем более на веб-дизайн.
-
А при чем тут псевдо-класс? Это ж яваскрипт-тема. <input type="text" name="myinput" value="" onfocus="this.style.background = 'red';" onblur="this.style.background = 'none';" />
-
http://www.w3schools.com/jsref/jsref_obj_date.asp Все очень доступно написано и с примерами
-
А еще лучше сказать дизайнеру доступным языком, что его идея бредовая. И что никак нельзя растянуть изображение которое не тянется. Или можно показать нам изображение. Может его можно грамотно растянуть, чтоб дизайнер не заметил Если ничего из выше перечисленного не поможет, рвите дизайнеру яйца ибо он нифига не профессионал.
-
Камрад, вы не в теме. Видимо невнимательно прочли требования. Интересно топикстартеру это еще надо?
-
Ну значит виновата виртуалка. Можно считать решение найденным?
-
Не поленился, настроил виртуальную машину с шестым ИЕ. Теперь должно работать везде. На тупые маргины внимания не обращать, думаю минус один пиксель справа и плюс один пиксель слева - не большой криминал <?xml version="1.0" encoding="utf-8"?> <!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" xml:lang="en" lang="en"> <head> <title>Title</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } html { background: #000; } body { height: 100%; } .bg { background: #ddd; height: 100%; width: 100%; position: absolute; z-index: 1; bottom: 10px; right: 10px; clip: rect(20px auto auto 20px); overflow: visible; } .p { position: relative; z-index: 2; bottom: 10px; margin: 20px 11px 0 9px; background: #ddd; } </style> </head> <body> <div class="bg"></div> <div class="p"> 111<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> 111<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> 111<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> 111<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> 111<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> </div> </body> </html> Даже наверно лучше так написать, чтоб было совсем хорошо: .p { position: relative; z-index: 2; bottom: 10px; margin: 20px 10px 0 10px; background: #ddd; } *html .p { margin: 20px 11px 0 9px; } Блин, кажись в ИЕ6 все-таки есть глюк. Уж не знаю виновата ли в этом моя виртуальная машина или сам ИЕ. Но при первом запуске в нем сверху отступа нет вообще, а снизу отступ - 20 пикселей. А вот если изменить размер окна, то все становится ок... вот отстой то... Да, и можно убрать специальный стиль для ИЕ6, и без него вот так - margin: 20px 10px 0 10px;, работает нормально (не считая проблемы до ресайза).
-
Черт, когда же это говно умрет...
-
Кажись сделал! Спасибо AjiTae. Взял ваш пример за основу, избавился от отрицательного z-index и заставил работать в ИЕ7. Оказывается данная версия недобраузера не понимает clip с запятыми внутри, а понимает с пробелами. Код ниже (проверьте в ИЕ6, а то у меня нету), если там работает, то можно сказать, что решение найдено. <?xml version="1.0" encoding="utf-8"?> <!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" xml:lang="en" lang="en"> <head> <title>Title</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } html { padding: 10px; background: #000; } body { height: 100%; } .bg { background: #ddd; height: 100%; width: 100%; position: absolute; z-index: 1; bottom: 10px; right: 10px; clip: rect(20px auto auto 20px); overflow: visible; } .p { position: relative; z-index: 2; background: #ddd; } </style> </head> <body> <div class="bg"></div> <div class="p"> 111<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> 111<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> 111<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> 111<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> 111<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> 111<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> </div> </body> </html>
-
2psywalker: Проценты не катят однозначно. Я пытался высчитывать их и так и эдак, но не удается добиться отсутствия полосы прокрутки. 2AjiTae: С обрезанием (clip) тоже мутил... подлый ИЕ все портит.
-
Ничего подходящего под требуемую задачу (фиксированные отступы со всех сторон при 100% высоте и ширине) из этой разметки не получится. Если уж на то пошло, то экспрешна придется 2 писать - еще один для ширины. Но это слишком глючная технология, чтобы ей пользоваться в серьезных проектах.
-
Не будет тянуться по высоте, если контент больше высоты окна. Плюс не будет работать в ИЕ6. Знаете способ? Я с удовольствием перейму опыт.
-
Пока удалось только улучшить первый вариант, кому не лень посмотрите в ИЕ6, а то у меня этой какашки нету: <?xml version="1.0" encoding="utf-8"?> <!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" xml:lang="en" lang="en"> <head> <title>title</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } html, body { height: 100%; background: red; } .d1 { position: relative; z-index: 1; height: 100%; margin: -20px 10px 0 10px; background: white; } .d2 { position: relative; z-index: 2; height: 10px; background: red; } p { padding-top: 20px; } </style> </head> <body> <div class="d2"></div> <div class="d1"> <p>CSS rules the world!</p> </div> </body> </html> UPD: Удалось избавится от второго дива: <?xml version="1.0" encoding="utf-8"?> <!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" xml:lang="en" lang="en"> <head> <title>title</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } html, body { height: 100%; background: red; } .d1 { position: relative; top: -10px; height: 100%; margin: 0 10px 0 10px; background: white; } p { border-top: red 20px solid; } </style> </head> <body> <div class="d1"> <p>CSS rules the world!</p> </div> </body> </html>
-
Вообще конечно таблицами это делается на раз два, но ведь мы - ребята из Вилларибо! Так что сегодня надо подумать.
-
Что-то без обмана никак... кумекал кумекал, да нифига не накумекал. Надо будет еще побиться над этой задачкой. Но думаю, что без хаков тут точно не обойтись. 2psywalker: Камрад, проценты не катят В моем варианте поля останутся 10 пикселей, при любом размере повысоте. А в вашем?
-
Пока только так... проверял в Мозилле, ИЕ7, ИЕ8: <?xml version="1.0" encoding="utf-8"?> <!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" xml:lang="en" lang="en"> <head> <title>title</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } html, body { height: 100%; background: red; } .d1 { height: 100%; margin: -10px 10px; background: #fff; } .d1 p { padding-top: 20px; } .d2 { position: absolute; top: 0px; left: -10px; width: 100%; height: 10px; background: red; } </style> </head> <body> <div class="d1"> <div class="d2"></div> <p> 111 </p> </div> </body> </html> UPD: Проверил в Опере, Сафари, и Хроме - тоже работает как ни странно
-
Выкидывайте стандартные шаблоны и юзайте двухколоночную верстку в <li>
-
Кстати, а инлайн-блок корректно отображается во всех браузерах?
-
Нет. Надо было просто таймаут вешать не на глобальную переменную, а на элемент. И удалять, соответственно, с элемента. Вот так: Menu.prototype.openItem = function(elem) { clearTimeout(elem.int); elem.getElementsByTagName('ul')[0].style.display = 'block'; } Menu.prototype.closeItem = function(elem) { elem.int = setTimeout(function() { elem.getElementsByTagName('ul')[0].style.display = 'none'; }, this.timeout); }
-
Скайп настроить нет возиожности. Вот именно, а не должно ничего пропадать. UPD: Что-то так никто и не помог... Ну да ничего Я понял, что я лошара! Все оказалось до тупого просто. Все сделал. dyadya спасибо за ответы! (хоть и толку от них было не много, но все равно)
-
http://adomas.org/javascript-mouse-wheel/ Гугль рулит
-
Да не работает этот код. Наведите сначала на menu 1, затем на submenu 1.1, а затем на submenu 1.1.1. В итоге у вас должны пропасть все подменю. Я проверял в ИЕ 7, 8 и Мозилле 3.0.11. Везде работает одинаково, т.е. не работает как надо. UPD: Я все-таки вставил ради интереса ваш "рабочий" пример - как и ожидалось он дублирует мой. Вы точно туда смотрите/наводите?
-
Напишите сюда код, который у вас работает.