Great Rash
-
Posts
7,974 -
Joined
-
Last visited
-
Days Won
144
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Great Rash
-
Оно? <!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" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>template</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%; overflow: hidden; } .body { position:relative; height: 100%; overflow: auto; } .fixed{ position: absolute; top: 0; left: 0; width: 100px; height: 100%; z-index: 1; } .red { height: 25%; background: red; } .green { height: 25%; background: green; } .lime { height: 25%; background: lime; } .cyan { height: 25%; background: cyan; } </style> <script type="text/javascript"> </script> </head> <body> <div class="body"> text text text text text text text text text text text text text text text text text text text text<br /><br /><br /><br /><br /><br /><br /> text text text text text text text text text text text text text text text text text text text text<br /><br /><br /><br /><br /><br /><br /> text text text text text text text text text text text text text text text text text text text text<br /><br /><br /><br /><br /><br /><br /> text text text text text text text text text text text text text text text text text text text text<br /><br /><br /><br /><br /><br /><br /> text text text text text text text text text text text text text text text text text text text text<br /><br /><br /><br /><br /><br /><br /> text text text text text text text text text text text text text text text text text text text text<br /><br /><br /><br /><br /><br /><br /> text text text text text text text text text text text text text text text text text text text text<br /><br /><br /><br /><br /><br /><br /> text text text text text text text text text text text text text text text text text text text text<br /><br /><br /><br /><br /><br /><br /> </div> <div class="fixed"> <div class="red"></div> <div class="green"></div> <div class="lime"></div> <div class="cyan"></div> </div> </body> </html>
-
Этот способ некошерен - ИЕ6 очень хреново растягивает картинки.
-
2Searcher: Этот способ не всегда подходит. 2mishka2: Чем не устраивает мой способ?
-
Ну, запихнуть их все в общий контейнер который будет fixed, а внутри него уже располагать эти 4 дива. Или я что-то не так понял?
-
Граница вокруг текста в фотошопе stroke а с css можно сделать подобное
Great Rash replied to bgraf's question in HTML Coding
Пока можете об этом забыть. -
Всех с прошедшим! Теперь бы еще заофициалить день верстальщика...
-
Странно это все как-то, id в <html> - вещь абсолютно бесполезная.
-
Чисто кодом градиент сделать нельзя. Но можно поверх вашей картинки (с фото я так полагаю) расположить див в который положить картинку градиента в 1 пиксель шириной и размножить ее при помощи repeat-x.
-
Собссно: http://www.artlebedev.ru/tools/technogrett.../fixed_in_msie/ мне больше нравится вот этот вариант, хотя он потребует переделки страницы (небольшой переделки), и вообще я такого рода эксперименты люблю: http://www.artlebedev.ru/tools/technogrett.../emulate-fixed/
-
<!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>test</title> <style type="text/css"> * { margin: 0; padding: 0; } body,html { height: 100%;} div { display: table; vertical-align: middle; height: 60%; background: red; } div div { display: table-cell; vertical-align: middle; height: 100%; background: red; } </style> </head> <body> <div> <div> 111<br />111<br />111<br />111<br /> </div> </div> </body> </html> Вот так работает для Мозиллы. Хм странно, я проверял на работе (там стоит Мозилла 3.5) и у меня все показывалось чики-чики. А вот дома стоит Мозилла 3.0 и действительно не отображалось как надо. Инетересно какая из них врет...
-
<!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> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> div { width: 100%; color: #006600; filter:progid:DXImageTransform.Microsoft.Glow(Color=#00ff00, Strength=2); text-shadow: #00ff00 0 0 3px; } </style> </head> <body> <div> Blurry text with smudge of gray. </div> </body> </html> Работает в ИЕ, Мозилле не ниже 3.5, Гугл Хроме, Сафари (видимо 3 версии), Опера (походу выше 9.5)
-
Ай-яй-яй psywalker, учи матчасть! А где height у боди и хтмл? От чего у тебя див будет 30% отсчитывать? UPD: Вот уж от кого не ожидал! :)
-
В ИЕ6 тоже работает как часы Ишь ты, чет даже не верится, что все так хорошо... Оттак можно еще и высоту дива в процентах задавать: <public:component> <public:attach event="oncontentready" onevent="propertyChanged()" /> <script language="Javascript"> function propertyChanged() { var s = document.createElement('span'); s.innerHTML = element.innerHTML; element.innerHTML = ''; element.appendChild(s); element.style.display = 'block'; s.style.display = 'block'; s.style.position = 'relative'; s.style.top = (element.offsetHeight / 2) - (s.offsetHeight / 2) + 'px'; window.onresize = function() { s.style.top = (element.offsetHeight / 2) - (s.offsetHeight / 2) + 'px'; } } </script> </public:component>
-
Нифига я не нашел, поэтому написал самолично. Создаем файл с именем table-cell.htc и туда пишем: <public:component> <public:attach event="oncontentready" onevent="propertyChanged()" /> <script language="Javascript"> function propertyChanged() { var s = document.createElement('span'); s.innerHTML = element.innerHTML; element.innerHTML = ''; element.appendChild(s); s.style.display = 'block'; s.style.position = 'relative'; s.style.top = (element.offsetHeight / 2) - (s.offsetHeight / 2) + 'px'; } </script> </public:component> Потом собственно HTML: <!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>test</title> <style type="text/css"> * { margin: 0; padding: 0; } div { display: table-cell; height: 300px; background: red; behavior: url('table-cell.htc'); } </style> </head> <body> <div> 111<br />111<br />111<br />111<br /> </div> </body> </html> Кажись работает! Проверил в ИЕ8 (и в эмуляции семерки). Интересно что будет в шестерке?
-
Сие решение далеко не идеально и подходит не во всех случаях. Ща поищу ссылку на .htc который написал один камрад, он эмулирует display-table для ИЕ.
-
Читайте про AJAX. Не важно html или php.
-
Немеряно элементов!
-
Эх, если лень меня не заборет обязательно попробую. UPD: Ща печатаю 5-ю пальцами - 2 указательных, 2 средних и большой на правой руке тыкает в пробел
-
Блин какое же ГЭ этот гребаный эксплорер! Нашел лекарство! Кому интересно: нужно всего-лишь добавить position: relative; к стилю <tr>. Вот рабочий код: <!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>test</title> <style type="text/css"> table { width: 100%; border: 0; border-collapse: collapse; } tr { position: relative; /* капец!!! */ background: #eee; } td { background: none; } </style> <script type="text/javascript"> </script> </head> <body> <table> <tr> <td> text text text text text text text </td> <td> text text text text text text text </td> <td> text text text text text text text </td> <td> text text text text text text text </td> <td> text text text text text text text </td> </tr> </table> </body> </html>
-
В том то и дело, что надо именно и там и там. Это связано с градиентным фоном. В частности по дизайну нужны градиентные бордеры у ячеек таблицы.
-
То есть ты, psywalker, в данный момент фигачишь 10-ю пальцами? А на качестве набора текста это не сказывается (я имею в виду ошибок много ли)? А то можно такого накодить...
-
Для начала вот тестовая страница: <!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>test</title> <style type="text/css"> table { width: 100%; border: 0; border-collapse: collapse; } tr { background: #eee; } td { background: none; } </style> <script type="text/javascript"> </script> </head> <body> <table> <tr> <td> text text text text text text text </td> <td> text text text text text text text </td> <td> text text text text text text text </td> <td> text text text text text text text </td> <td> text text text text text text text </td> </tr> </table> </body> </html> Кому не лень посмотрите ее сначала в Firefox, а потом в ИЕ7 или ниже. И посоветуйте как забороть этот баг?
-
Я у вас и моделирования не увидел нифига. Домики на главной моделями назвать нельзя. Даже я со своими скудными знаниями 3DS Max намучу подобный домик за 4-5 часов. На что вы потратили 6 лет своей жизни?
-
.container { min-width: 500px; } .left { width: 250px; float: left; } .right { width: 250px; float: right; } <div class="container"> <div class="left"></div> <div class="right"></div> </div>
-
Вообще ActiveX есть только в ИЕ, так что дополнительная проверка врядли нужна. А еще я бы не стал закладываться на специфические методы мелкомягких, т.к., как показывает практика с ИЕ8, поддержку этих методов они могут в любой момент убрать. Особенно если это не документированный W3C метод.