mishka
-
Posts
2,118 -
Joined
-
Last visited
-
Days Won
11
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mishka
-
На этом форуме, да и на многих сайтах приводится пример прибивания футера к низу екрана. И многие сталкивались с проблемой что в опере это не работает. Изучив код из сообщения Scrum ( http://forum.htmlbook.ru/index.php?s=&...st&p=123368 ) я пришел к такому коду <!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>footer at bottom</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html{ overflow:auto; height:100%; } body{ margin:0; height:100%; } #wrapper{ background:#ffd476; min-height:100%; } * html #wrapper{ height:100%; } #page{ width:100%; overflow:hidden; padding:0 0 100px; } #footer{ height:100px; overflow:hidden; position:relative; background:#5487d3; margin:-100px 0 0; } </style> </head> <body> <div id="wrapper"> <div id="page"> <p>Lorem ipsum dolor sit amet consectetuer sollicitudin id semper eget nibh. Sit egestas sit adipiscing neque est Quisque eget sit id Nullam. Phasellus tellus Nulla vitae suscipit ante semper Aenean lacinia mollis ante. Interdum mattis.</p> <p>Sit interdum id lacus augue et Phasellus tincidunt natoque amet tortor. Curabitur netus pede massa Sed elit quam eget dapibus adipiscing lorem. Nunc augue turpis nec libero Nulla Lorem orci convallis Phasellus orci. Laoreet wisi Vestibulum sit nibh non.</p> <p>Nibh nec senectus habitasse Vivamus est dui Phasellus ipsum Vestibulum ut. Lacinia laoreet mauris sagittis Morbi facilisi risus volutpat tristique convallis wisi. Adipiscing ipsum ligula ac Nullam ac Morbi Nullam pede pede turpis. Eros metus adipiscing Sed.</p> <p>Quam augue ut risus Lorem semper Aenean a laoreet id orci. Habitant natoque elit mattis malesuada Nam wisi malesuada Sed sed dui. Proin libero pulvinar vestibulum rutrum iaculis Curabitur Duis et tortor metus. Consectetuer egestas auctor.</p> <p>Nulla velit massa interdum amet Curabitur nunc cursus vitae orci nisl. Ornare dolor lorem parturient ante eget Lorem Proin pellentesque Sed consequat. Vel et Integer iaculis ac et semper facilisis mauris magnis nibh. Suspendisse neque id et Morbi Nulla eu diam.</p> </div> </div> <div id="footer"> <p>footer</p> </div> </body> </html> тоесть фикс для оперы состоит в этом html{overflow:auto;}. Ребят пожалуйста протестируйте это в опере. Так как у меня все ок (опера 9.63, 10.10). А например давал этот код psywalker-у, то у него не работает.
-
Это давно известный баг оперы . Никак не пофиксят...
-
Лучше для первого. А еще лучше разрулить через first-child, для ие6 есть експрешн.
-
обновить до 8го, а лучше до фф, оперы, хрома....
-
Я не про реализацию говорю. Блоками это тоже легко сделать. Я говорю вообще про саму идею обрезать и скрыть кусок текста.
-
Вобщет смотрю на задумку... Чтото мне вообще ненравится идея обрезать текст да еще и пнгешкой закрывать.
-
по вертикали будет. Насчет по горизонтали - я на твоем скрине неувидел что по горизонтале пнг должен тянутся.
-
блок с пнг на абсолют. Ему top, right, bottom, для ие6 експрешн который высоту ему будет задавать отсчитывая от родителя.
-
А разве можна давать классы и айдишники начинающиеся с цыфр?
-
Ну и кому это нада? сомневаюсь что ктото станет там авторизироватся.
-
Shevan, невижу я никаких зелий проходя по ссылке. Убери это полотно кода. Поверь, никому совершенно не интересно в нем копатся. Одно дело фаербагом посмотреть на сайте, и совершенно другое ковырятся в куче чужого кода.
-
У меня такое тоже было поначалу. Купил капли для глаз(просто увлажняющие... чтото типа "искуственные слезы" кажется так назывались), закапывал. Через месяц привык и обходился без капель. Когда устроился на работу, то наверное от смены моника тоже такое было около месяца. Тоже закапывал глаза около месяца, потом перестал. На зрение никогда не жаловался. Также попробуй моник настроить - яркость, контраст...
-
Shevan, на какую картинку надо нажать чтобы появилась та кнопочка нужная?
-
Я врядли смогу кратко и понятно ответить на этот вопрос. Это связанно исключительно с ие6, так как чтобы он коректно отображал пнг - используют фильтры. Фильтр сам по себе поднимает блок по оси Z. Иногда его надо опустить, например чтобы дропдаун падал не под него, а сверху. Вот если у блока и релейтив и фильтр то его становится проблематично опустить. Также если применен параметр "crop" то блок может принимать размеры картинки, все что невлезло - обрежется. Есть конечно случаи где можна одновременно применить и фильтр и позиционирование отличное от статичесского, но по первой пока несовсем понимаешь их работу то лучше воздержатся от этого. Ну как смог так и объяснил - писателя из меня невыйдет
-
Если не отображается, значит line-height маленький и бордер выпадает за его пределы.
-
На боди сделай фон джипегом! Что мешает это сделать? Невешай пнг на боди также пойми что "scale" - это не репит по Х или У Это в прямом смысле растягиавание картинки бг по всему блоку. Поэтому для репита сложного пнг фона применяют джс(png-fix) просто фильтры тут не помогут. У тебя в ие6 картинка потянется не только по Х но и по У на всю высоту блока. На боди невешай пнг. Также невешай на блоки с релейтивом и абсолютом.
-
<!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"> html{ height:100%; } body{ margin:0; height:100%; background:url(bg-body.gif) repeat-y 50% 0; } #wrapper{ height:100%; } .wrap{ min-height:100%; width:800px; margin:0 auto; background:#ff0; } * html .wrap{ height:100%; } #main{ width:100%; overflow:hidden; padding:0 0 50px; } #footer{ width:800px; height:50px; margin:-50px auto 0; background:#62b0ff; overflow:hidden; position:relative; } </style> </head> <body> <div id="wrapper"> <div class="wrap"> <div id="main"> <p>Lorem ipsum dolor sit amet consectetuer pharetra urna convallis vitae Vestibulum. Nunc Integer leo ac In Aenean elit orci id commodo urna. Convallis massa Nulla lacus elit Nulla quis facilisis.</p> <p>Sed Aliquam neque tincidunt ligula dictumst libero ut pretium tristique et. A dui non laoreet urna Aliquam condimentum id mus tempus eu. Vel Curabitur Aenean Duis Morbi Sed egestas elit lobortis feugiat Morbi. Eget Fusce sollicitudin vel mus consectetuer porttitor laoreet id ut Maecenas. Pharetra.</p> <p>Lorem ipsum dolor sit amet consectetuer pharetra urna convallis vitae Vestibulum. Nunc Integer leo ac In Aenean elit orci id commodo urna. Convallis massa Nulla lacus elit Nulla quis facilisis.</p> <p>Sed Aliquam neque tincidunt ligula dictumst libero ut pretium tristique et. A dui non laoreet urna Aliquam condimentum id mus tempus eu. Vel Curabitur Aenean Duis Morbi Sed egestas elit lobortis feugiat Morbi. Eget Fusce sollicitudin vel mus consectetuer porttitor laoreet id ut Maecenas. Pharetra.</p> </div> </div> <div id="footer"> footer </div> </div> </body> </html>
-
Магия на самом деле если на html задать какойто бг(например #fff), то тогда небудет работать, просто это надо знать и иметь ввиду. Непонял вопроса. Я буду рад если будем на ТЫ.
-
Еще как тянется. <!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"> html{ height:100%; } body{ margin:0; height:100%; background:url(bg-body.gif) repeat-y 50% 0; } #wrapper{ min-height:100%; } * html #wrapper{ height:100%; } #main{ width:800px; margin:0 auto; overflow:hidden; padding:0 0 50px; } #footer{ width:800px; height:50px; margin:-50px auto 0; background:#62b0ff; overflow:hidden; position:relative; } </style> </head> <body> <div id="wrapper"> <div id="main"> <p>Lorem ipsum dolor sit amet consectetuer pharetra urna convallis vitae Vestibulum. Nunc Integer leo ac In Aenean elit orci id commodo urna. Convallis massa Nulla lacus elit Nulla quis facilisis.</p> <p>Sed Aliquam neque tincidunt ligula dictumst libero ut pretium tristique et. A dui non laoreet urna Aliquam condimentum id mus tempus eu. Vel Curabitur Aenean Duis Morbi Sed egestas elit lobortis feugiat Morbi. Eget Fusce sollicitudin vel mus consectetuer porttitor laoreet id ut Maecenas. Pharetra.</p> <p>Ligula lorem Vestibulum enim Quisque pede tellus ut magna Aenean orci. Elit sapien feugiat Vestibulum orci neque purus pretium at laoreet Integer. Phasellus penatibus convallis pellentesque ac Phasellus nunc Curabitur Donec interdum dictumst. Tincidunt hac elit accumsan est adipiscing vel.</p> <p>Lorem ipsum dolor sit amet consectetuer pharetra urna convallis vitae Vestibulum. Nunc Integer leo ac In Aenean elit orci id commodo urna. Convallis massa Nulla lacus elit Nulla quis facilisis.</p> <p>Sed Aliquam neque tincidunt ligula dictumst libero ut pretium tristique et. A dui non laoreet urna Aliquam condimentum id mus tempus eu. Vel Curabitur Aenean Duis Morbi Sed egestas elit lobortis feugiat Morbi. Eget Fusce sollicitudin vel mus consectetuer porttitor laoreet id ut Maecenas. Pharetra.</p> <p>Ligula lorem Vestibulum enim Quisque pede tellus ut magna Aenean orci. Elit sapien feugiat Vestibulum orci neque purus pretium at laoreet Integer. Phasellus penatibus convallis pellentesque ac Phasellus nunc Curabitur Donec interdum dictumst. Tincidunt hac elit accumsan est adipiscing vel.</p> </div> </div> <div id="footer"> footer </div> </body> </html>
-
Ну если это дергание критично, то конечно надо искать выход. А вот насчет картинки несоглашусь. Не так уж намного она увеличится по весу. И это не так плохо в сравнении с слишком запутанным кодом. Выложи плс решение.
-
Где это фон до низа тянутся небудет? Если его на боди повесить. Без никаких дивов дополнительных все тянется как надо.
-
Может лучше просто вырезать длинную полоску бг вместе с тенью и прорепитить на боди по игрику и посередине по иксу. Вместо того чтобы так сильно загромождать код. Правда дергание в 1px останется.
-
на какой елемент ты вешаешь этот бг? Если есть возможность то внутрь всунь спан. Спану бг. И спан ганяй туда-сюда либо позишином, либо маргинами. Пнгфикс это конечно здорово - но глючно слишком. Поэтому старайся обходится старыми добрими фильтрами.
-
Как лучше сохранить веб-страницу на локальном диске?
mishka replied to TonKhaO's question in HTML Coding
Всегда для этого использовал оперу. Ctrl+S сохранить одним файлом(веб архив). Потом можна открыть как в опере так и в ие. Ну а ие есть практически на каждом компе с виндой. -
Слуший, памагу тибэ я вот ссилку видишь, да? http://www.kelvinluck.com/assets/jquery/jS...ScrollPane.html Так там очинь нэплохо расписанн что дэлить.