mishka
-
Posts
2,118 -
Joined
-
Last visited
-
Days Won
11
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mishka
-
это максимум что я пока смог нехорошо конечно что красное торчит....
-
Ну а вот что смог выдать <!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"> html,body{ height:100%; } body{ margin:0; min-width:1000px; _width:expression(document.documentElement.clientWidth < 1000 ? "1000px" : "auto"); } #wrapper{ height:100%; width:100%; position:relative; overflow-x:hidden; } .wrap1{ width:1200px; height:100%; position:relative; left:50%; } .wrap2{ position:relative; left:-50%; width:1200px; height:100%; } .wrap3{ min-height:100%; height:auto !important; height:100%; padding:0 100px; background:url(bg-body.gif) repeat-y; } #main{ width:100%; overflow:hidden; padding:0 0 50px; background:#3a76ca; } #footer{ margin:-50px 0 0; position:relative; height:50px; padding:0 100px; } .footer-area{ background:#ff0; height:100%; overflow:hidden; } </style> </head> <body> <div id="wrapper"> <div class="wrap1"> <div class="wrap2"> <div class="wrap3"> <div id="main"> <p>Lorem ipsum dolor sit amet consectetuer nibh tempus accumsan dapibus Vivamus. Id ante ut sagittis risus laoreet amet pede pellentesque hendrerit et. Wisi sem Morbi Cras facilisi id tincidunt lobortis dapibus tempus tellus. At leo commodo Proin adipiscing tincidunt lacus hendrerit porttitor elit risus. Dolor id orci habitant cursus semper nibh tortor metus in cursus. Mauris cursus Ut pellentesque Cras.</p> <p>Lorem ipsum dolor sit amet consectetuer nibh tempus accumsan dapibus Vivamus. Id ante ut sagittis risus laoreet amet pede pellentesque hendrerit et. Wisi sem Morbi Cras facilisi id tincidunt lobortis dapibus tempus tellus. At leo commodo Proin adipiscing tincidunt lacus hendrerit porttitor elit risus. Dolor id orci habitant cursus semper nibh tortor metus in cursus. Mauris cursus Ut pellentesque Cras.</p> <p>Lorem ipsum dolor sit amet consectetuer nibh tempus accumsan dapibus Vivamus. Id ante ut sagittis risus laoreet amet pede pellentesque hendrerit et. Wisi sem Morbi Cras facilisi id tincidunt lobortis dapibus tempus tellus. At leo commodo Proin adipiscing tincidunt lacus hendrerit porttitor elit risus. Dolor id orci habitant cursus semper nibh tortor metus in cursus. Mauris cursus Ut pellentesque Cras.</p> <p>Lorem ipsum dolor sit amet consectetuer nibh tempus accumsan dapibus Vivamus. Id ante ut sagittis risus laoreet amet pede pellentesque hendrerit et. Wisi sem Morbi Cras facilisi id tincidunt lobortis dapibus tempus tellus. At leo commodo Proin adipiscing tincidunt lacus hendrerit porttitor elit risus. Dolor id orci habitant cursus semper nibh tortor metus in cursus. Mauris cursus Ut pellentesque Cras.</p> </div> </div> <div id="footer"> <div class="footer-area"> footer </div> </div> </div> </div> </div> </body> </html> Красавчег я и забыл про тот случай
-
Ты реши проблему, а не обходи ее. Реально такие проблемы иногда попадаются. Решал ее таким способом как привел выше. Но чтобы еще и плюс к этому футер прибить вниз - такой задачи еще небыло. Вот интересно ее решить. Будет свободное время попробую решить.
-
ну что же, внимательно прочитай задание, и сделай. Суть в том чтобы тень не дергалась при ресайзе окна, и футер прибить вниз. Очередной интересный топик намечается
-
Ты видел куда я бекграунды цеплял? И куда ты их поцепил? Зачем html и body задаешь высоту 100% - хочешь футер вниз прижать? Тут это немного сложнее будет.
-
Это: <!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"> body{ margin:0; min-width:1000px; _width:expression(document.documentElement.clientWidth < 1000 ? "1000px" : "auto"); } #wrapper{ position:relative; overflow:hidden; } .wrap1{ position:relative; left:50%; width:1040px; } .wrap2{ position:relative; left:-50%; background:#eaaf00; width:1000px; padding:0 20px; } #main{ width:100%; overflow:hidden; background:#3a76ca; } </style> </head> <body> <div id="wrapper"> <div class="wrap1"> <div class="wrap2"> <div id="main"> <p>Lorem ipsum dolor sit amet consectetuer metus ullamcorper elit vel habitasse. Consequat et id nunc Aenean.</p> <p>Vitae congue eros adipiscing Curabitur pellentesque ut eu eros quis ipsum. Sollicitudin quam faucibus elit interdum vel vel quis tincidunt interdum interdum. Maecenas dictum.</p> <p>Tellus Lorem lacus cursus felis ante nunc ac magna eget ac. Dui eu porttitor adipiscing Sed Pellentesque lobortis vel auctor.</p> <p>Nunc vitae consequat malesuada quam felis nulla Nam Curabitur porttitor Vestibulum. Id tincidunt quis ornare.</p> <p>Dignissim euismod Pellentesque eros auctor eros urna a pretium cursus Nam. Neque.</p> <p>Senectus justo congue ante quis augue tempus ridiculus ac interdum.</p> <p>Senectus pharetra vel Aenean hendrerit non id volutpat massa interdum sed. Convallis turpis.</p> <p>Pellentesque tellus sapien congue a elit Ut sapien pulvinar convallis mauris. Phasellus malesuada nec felis ut vitae Phasellus.</p> <p>Elit Quisque arcu enim congue Nulla ac nunc Sed Aliquam.</p> <p>Malesuada Pellentesque nisl vel eu dui Nam Vestibulum quam eget id. Urna.</p> </div> </div> </div> </div> </body> </html>
-
Да ладно тебе, отличный топик получился. Я всеже остаюсь при своем мнении, и считаю код приведенный мной(на третей странице этого топика) самым оптимальным и надежным.
-
Ну я про эмуляцию text-indent - кучу пробелов в начале абзаца, для левого отступа первой строки абзаца
-
Чтото про какието чудеса ты говоришь. Ты F5 нажимал? А CTRL+F5? Должно 100% работать. Кстати, это ты так абзацы делаешь? (я имею ввиду отступы) text-indent: - не знаком?
-
и убери минимальную высоту цвета конечно ядовитые... После целого дня пялиния в моник это был удар по глазам
-
добавь на #wrapper overvlow:hidden. Оно?
-
Плохой пример привел конечно... невидно смещения, ты бы хоть бордер какой нить сделал... или задний фон каким нибудь полосатым а чтобы небыло смещения надо бг вешать не на боди, а на див, и центрировать его с помощью релейтивов. Добавляется конечно несколько блоков... но если кто знает другой пример, то буду рад посмотреть.
-
Мдя, оказывается... ну я несталкивался с таким, так как на абсолют его не вешаю, а минусовым маргином вытягиваю. Ты зачем вообще к девушке ездишь?? То в отпуске был, так все время на форуме проторчал, то к девушке он ездит.... Ты уже форуман...
-
Сори, я просто пропустил предыдущий твой пост, ну и не в тему ответил ТС просил прибить футер книзу, растянуть контент от верха до низа(я так понимаю чтобы бг там был) и сделать вверху и внизу градиенты. С каким пунктом мы по твоему мнению несправились?
-
Ну и еще набери в поисковике чтото типа footer at bottom ну или футер внизу страницы http://w3wiki.ru/web-developer%E2%80%99s-w...enty-wordpress/
-
естественно шарится по инету в поисках таких сайтов где футер прижат книзу это задача не из простых, но вот пару примеров http://www.cssstickyfooter.com/ http://ryanfait.com/sticky-footer/ Ну и большой принципиальной разницы между тем что футер может быть на абсолюте внизу, либо минусовым маргином подтянут я невижу. З.Ы. так быстро нашел, потому что эту проблему с человеком в аське обговаривали, ну и история осталась.
-
<div id="q"></div> стили для этого блока пишутся так #q{...} так как врядли(будем надеятся на здравый смысл) ктото будет на одной странице сайта делать <div id="q">, а на другой <span id="q">. То логично айдишники писать не div#q а именно просто #q А хоть и будет, то ниче не поломается. Но просто айдишники цепляют уникальным елементам(не в плане тегов, а вплане структуры и логики страницы), либо тем елементам с которыми работает джс через айдишник. для такого кода <div id="q"> <div class="main"> <p>lorem</p> </div> </div> если хотите поменять цвет текста, то вполне достаточно .main{ color:#f00; } но никак ни p.main p.main подойдет для <p class="main">lorem</p>
-
минимальная ширина так пишется width:expression(document.documentElement.clientWidth < 1000 ? "1000px" : "auto"); и 1000px это оптимально для 17" а на html оверфлов авто это зря - добавь контента и посмотри в ие6-7 при разрешении 1024 вширину, либо при такой ширине окна браузера. Появляется скролл горизонтальный
-
ну дык ты используешь пустой блок распорку substrate в ие6 все развалилось потому что у меня моник 17" и нет в окне браузера ие6 1024px по ширине!
-
и кстати ответ на вопрос зачем <ol> юзать, ведь можна и <ul> list-style-type задать.... Ответ такой - зачем вообще юзать кучу тегов, вполне можна обойтись дивами, неправда ли?...
-
это имеется ввиду: .content>p такую запись ие неподдерживает но .content p нормально работает
-
это реально баг оперы!!! Футер наезжает не на шапку(так как там нет хедера!!!), а на бг который на боди расположен. если добавите хедер, или контент(в чем задачи небыло, так как делался только каркас, и неважно что потом будет внутри). Ты когда на боди градиент вешаешь, то указываешь ему(боди) минимальную высоту по градиенту, чтобы он недай бог не ушел за пределы боди? Единственное что я бы оставил враппер общий, а так вполне рабочий пример. Ну и минимальную ширину Макс забыл как обычно у тебя неоправданные експрешены. При чем где ты видел высоту окна браузера на монике 17" - 768? так же как и ширину 1024 в ие если с твоего примера убрать хедер, то футер тоже на верхний бг заедет при невысоком окне браузера
-
Хм, ты прав
-
Как говорил учитель информатики:
-
почему это идиотизм? ведь может быть и ol li а вот ul li a э то без спорно глупо, ведь правильнее ul a