piryaz
Newbie-
Posts
27 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by piryaz
-
Подскажите как в первой ссылке поправить высоту футера. Ну не понимаю я(( На height - ноль реакции
-
margin-bottom: -1000em; padding-bottom: 1000em; overflow: hidden; вот это не рулит?
-
Здравствуйте. Есть сайт www.adybov.ru Проблема в сайдбарах. Вылезают черт знает куда. В ИЕ 7 и опере 8.ххх. В старших операх все окей. В 6-ке, кторая у меня в виде тестового ИЕ - тоже все окей. 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> </head> <body> <div id="header"> </div><!-- #header--> <div id="wrapper"> <div id="middle"> <div id="container"> <div id="content"> </div><!-- #content--> </div><!-- #container--> <div class="sidebar1"> </div><!-- .sidebar.sl --> <div class="sidebar2"> </div><!-- .sidebar.sr --> </div><!-- #middle--> </div><!-- #wrapper --> <div id="footer"> <!-- #footer --> </body> CSS такой. * { margin: 0; padding: 0; } html {height: 100%} body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; height: 100%; } a { color: #636363; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p {margin: 0 0 18px} img { border: none; } input {vertical-align: middle} #wrapper { width: 100%; min-width: 1000px; min-height: 100%; height: auto !important; height: 100%; overflow: hidden; //overflow: visible; } .arch_lnk a {color: #fff; font-size: 16px; font-weight: 500; margin: 0 0 5px 45px; display: block;} .contentheading {color: #636363; font-size: 20px; font-weight: 700;} /* Header —————————————————————————--*/ #header { height: 103px; background-image: url(../images/AnDy_logo.gif); background-repeat: no-repeat; background-position: 50% 50%; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #637384; } #header_left { background-image: url(../images/AnDy_logo_left.gif); background-repeat: no-repeat; background-position: left top; height: 103px; width: 225px; float: left; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #637384; } #header_right { float: right; height: 63px; width: 192px; background-image: url(../images/head_r.gif); padding-top: 40px; padding-left: 8px; background-repeat: no-repeat; background-position: right top; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #637384; } #nav { background-color: #414141; position: relative; height: 30px; z-index: 1000; } .extra {clear: both;} /* Middle —————————————————————————--*/ #middle { width: 100%; padding: 0 0 40px; height: 1%; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #content { padding: 10px 220px 0 245px; } /* Sidebar Left —————————————————————————--*/ .sidebar1 { float: left; width: 225px; margin-left: -100%; position: relative; margin-bottom: -1000em; padding-bottom: 1000em; //overflow: hidden; background-image:url(../images/fon_left_top.gif); background-repeat: repeat-y; } #news { background-image:url(../images/Anton.gif); height: 310px; width: 225px; margin-bottom: 8px; background-repeat: no-repeat; } #cite { font: 14px/17px Arial, Tahoma, Verdana, sans-serif; position: relative; padding: 225px 10px 0 10px; display: block;} #news2 { padding-left: 12px; padding-bottom: 20px; width: 213px; } /* Sidebar Right —————————————————————————--*/ .sidebar2 { float: left; margin-right: -3px; width: 200px; margin-left: -200px; position: relative; margin-bottom: -1000em; padding-bottom: 1000em; overflow: hidden; background-image:url(../images/fon_right_side.gif); background-repeat: repeat-y; background-position: right top; } #help {height: 226px; background-image:url(../images/nastya.jpg)} .helptxt {display: block; padding: 170px 0 0 65px; font-weight: 700;} /* Footer —————————————————————————--*/ #footer { margin: -40px auto 0; min-width: 1000px; height: 40px; background: #637383; border-top-width: 2px; border-top-style: solid; border-top-color: #fff; position: relative; color: #FFFFFF; text-align: center; } #hotlog {width: 120px; height: 35px; padding-top: 5px; position: relative; float: left;} .extra { clear: both; } Пинайте Из HTML всякие news выкинул, чтоб лучше структуру видеть
-
мне нужно в джумле 1.5. вывести компонент контактов (с обратной связью) в позиции модуля. КАК?
-
Огромное спасибо Вам за помощь
-
Калькулятор делал не я. Я в JS не понимаю не фига. Проект завтра сдается, чел который писал код в отпуске. Я не зря на форум полез видимо...
-
Офигенный совет)) Как грамотно? П.С. Но ведь работал же!!
-
Итак: есть калькулятор, который работал до того, как я в него влез. Все висит на Джумловском движке. Поправил просто заголовок над ним. Вопрос: почему сам скрипт перестал работать? В код скрипта не влезал. вот сайт: cdac.ru Что поправить?
-
Ты где код взял? Автоматом сгенерил? У меня в Лисе не работает не фига. И в опере тоже. В 6 осле вроде ничего, но пункты неровной высоты...
-
<a travel="oftnd2" href="#oftnd2" name="ftnd2"> Что такое travel???
-
Люди, сделайте калькуль на Java, если дело 10 минут. Заплачу денег каких-нибудь Заварка, расскажи в чем соль ссылки, которую ты дал (дала). С английским туговато...
-
Шутники блин) Посмотрите в 7-8 ИЕ
-
На ИЕ 6 я забил. Посмотри, если можешь, в 7 и 8. Виден ли калькулятор. Причем при переходе с главной страницы куда-нибудь - он тоже пропадает
-
Здравствуйте! Проблема в следующем: есть сайт cdac.ru В ФФ, Опера все хорошо. Как обычно преследуют проблемы с ослом. зайдите, плз, на страницу IE, который поновее. 7 или 8. В правой колонке есть калькулятор, сделанный на флеше. проблема в том, что у меня в осле 6 не отображается от хоть убей. В 7, 8 виден?? Что делать, если не виден? Код само собой кину сюда, если надо Спсибо
-
не работает нигде( может чего еще не дописал?
-
скинь код: piryaz@inbox.ru. Недавно борол.
-
Т.е. "Li a" это ссылка?? Просто к li применять надо? li hover??? visited работает при этом....
-
Не работает в ФФ, Опера. В ИЕ 6 все окей. ul li { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 20px; text-decoration: none; list-style-image: url(img/bullet.gif); } li a { font-family: Arial, Helvetica, sans-serif; color: #4C4D4F; text-decoration: none; } li a:hover{ list-style-image: url(img/bullet_grey.gif); } li a:visited{ color: #666666; }
-
charset с UTF поменяй на 1251. Может, поможет
-
Смотри. Все вроде как окей, но если контента сильно до фига, ну как тут http://cdac.ru/Content/fz.html, например. То футер на каком-то этапе отрезает кусок... psywalker! Прочел твою подпись - обрыдался. Очень жизненно))) Плюсом: часть контента уезжает под правую колонку((( Что-то нарушил видимо, когда делал резинку центру.
-
Да, но уехал он существенно круче тех пикселей, которые ты указал, отнюдь не на 1. А именно на высоту самого футера, т.е. на 50рх. Щас я на экране вижу свои колонки, а футер под "пуском"))
-
Прости, каких именно блоков? Не вполне понял... Ткни в код Только я про футер говорил. Ну и ты, наверное, тоже)
-
Вопрос в следующем еще. Где-то на просторах сети видел, что можно запретить использование некоторых версий IE. Может 6,0 вообще отключить, тогда мин хейт будет работать везде... Как это сделать? 2-е. Убил хедер в представленном выше коде и сделал резиновый центр. У меня футер за экран уехал. Почему?? И что такое _height ? Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>float_lcr</title> <style type="text/css"> * {margin:0;padding:0;} html,body {height:100%; _height:auto;} body {background-color:#fff;} #footer { background-color:#f5f6f7; border:#00f 1px solid; margin:2px auto 0; overflow:hidden; position:relative; width:100%; height:50px; } #middle { margin:0px auto 0; overflow:hidden; width:100%; min-height:100%; } #middle,.content,.left,.right {position:relative;zoom:1;} .content,.left,.right { float:left; margin-top:0px; margin-bottom:-32767px; padding-bottom:32766px; overflow-x:hidden; } .content { background-color:#f5f6f7; border:#00f 1px solid; margin-right:-100%; left:204px; width:100%; } .left {background-color:#ddd;border:#f00 1px solid;left:0;width:200px;} .right {background-color:#eee;border:#080 1px solid;float:right;right:0;width:200px;} .linecontent,.lineleft,.lineright { position:absolute; bottom:0px; overflow:hidden; } .lineleft {border-bottom:#f00 1px solid;left:0;width:200px;} .linecontent { border-bottom:#00f 1px solid; left:204px; width:100%; } .lineright {border-bottom:#080 1px solid;right:0;width:200px;} p {margin:7px;} .expand a{color:#960;display:block;clear:both;text-decoration:underline;width:180px;} .expand a:hover{color:green;height:700px;} </style> </head> <body> <div id="middle"> <div class="content"><p class="expand"><a href="#">Делаем колонку длиннее</a></p><p>Content</p></div> <div class="left"><p class="expand"><a href="#">Делаем колонку длиннее</a></p><p>Left</p></div> <div class="right"><p class="expand"><a href="#">Делаем колонку длиннее</a></p><p>Right</p></div> <div class="lineleft"></div><div class="linecontent"></div><div class="lineright"></div> </div> <div id="footer"><p>Footer</p></div> </body> </html>
-
Оп! В IE-6 не работает((( Может чего дописать надо?
-
левая 280, правая 212 центр - резина Да. Твой пример очень похож на правду... Щас уже мозг немного потек. Завтра посмотрю, спасибо большое) сходу вопрос по коду: что такое line left, line content и line right. Что они делают