puller12

Спасибо - то что надо.

Здравствуйте, подскажите пожалуйста как делать фирменный бланк электронного письма, например как уведомления из социальных сетей и др. Предполагаю что нужно писать код, а как быть с изображениями, например лого. И как это письмо отправлять. Спасибо.

я в просчитанный блок ложу блок с высотой 100% и он его заполняет в него вставляю блок со скролом .scroll-pane и тоже ставлю высоту 100%, по логике высота блока-скролбара должна его заполнить, а на деле почему то не учитывает высоты блока значит где то в коде он проскакивает и игнорирует ее в хтмле и цсс тыкал-мыкал уже его уже везде все равно как то неправильно он считает надо в код явы лезть наверное, а я его вообще не понимаю

вот ставлю фиксированую высоту 300 пикселей все норм .scroll-pane {height:300px;} http://fav-art.com/jScrollPane_2-300/ только height:100%, сразу лагает: .scroll-pane {height:100%;} http://fav-art.com/jScrollPane_2/ цсс: html, body{ margin:0px; padding:0px; background-color:#414141; height:100%; width:100%; } #wrap { margin: 0 auto; height: 100%; position: relative; width: 600px; background: #3CC;} #top{ margin:0 auto; padding:0px; background-color: #C90; width:400px; overflow: auto; } #bottom { margin:0 auto; padding:0px; background-color: #999; height:100%; width:500px; } .conteiner { margin:0 auto; padding:0px; background-color: #C99; height:100%; width:450px; overflow:auto; } .scroll-pane { margin:0 auto; padding:0px; background-color: #F93; height:300px; width:420px; } .inside { margin:0 auto; padding:0px; background-color: #F36; height:1000px; width:300px; overflow: auto; }; все остальные коды цсс и ява скачаны с выше указанного сайта и не изменялись ========================================== кстати нашел то что хотел сделать http://www.vladislav.ua/ только скролл бы поменять

psywalker ты писал выше что можно как то таблицей то же сделать, а можешь подсказать как а то я пытаюсь поменять скролл с помощью jscrollpane http://jscrollpane.kelvinluck.com/ и отдельно скролл настроить и высоту - получается но вот вместе они почемуто конфликтуют между собой, бьюсь уже 2 дня

чуть чуть поменял - вот что получилось http://fav-art.com/FAV.template/ еще раз СПАСИБО!!! п.с.: может знаешь, как задать свои параметры отображения скрола или где об этом почитать хочу сделать гдето так: или это только с помощью флэша

а-я-я-й Уррррррррррррра, поймал КОДа за кое что!!!!!!! СПАСИБО!!!!!!! похоже то что нужно, сейчас попробую со скриптиком разобраться и вставить в основной шаблон, а где еще можно о скриптиках то почитать, что б голову никому не морочить.

вот в математическом плане я вижу высоту блока <div class="content"> как функцию: height:? (<div "content">) = height:100%(<div "body">) - height:auto(<div "top">) но как это описать в хтмл возможно это можно сделать с помощью какого нибудь скрипта? общий блок (<div "body">) = height:100%. В нем два блока верхний (<div "top">) и нижний (<div "content">). Верхний (<div "top">) высота: минимальная = 10пикс., обычная = авто, максимальная = 300пикс. (в нем будет модуль джумла для показа слайдов). Нижний (<div "content">) высота: минимальная = 200пикс., обычная и максимальная = авто заполнение оставшейся высоты общего блока (<div "body">). Нижний (<div "content">) блок должен иметь overflow:auto; для отображения вонтента. ________________________________________________________________________________ __ в принципе я не против таблицы мне важен результат, если можно это сделать с помощью таблицы то да, но лучше уж, начать дивами и ими же закончить я конечно подозреваю как таблицей но будет ли оно все корректно отображаться во всех браузерах.

а должно все влезть вместе со скролом и работать как резинка должен именно этот блок

rus - я дико извиняюсь, но вот твой код в деле к сожалению оно обрезает но общий смысл ты правильно понял именно это мне инадо вот в математическом плане я вижу высоту блока контента как функцию: 100%-x где х - высота top измеряется в px но как это описать в хтмл

rus - да ты ответил - СПАСИБО!!! все правильно подрезало. Но я уточнил - мне не нужен обрезанный контент , а если его не подрезать - то резинка уже теряется. скрин: _____________________________ это элемент вот такого шаблона:

все хорошо но это уже не "резинка" по вертикали, а для этого <div class="body"> - height: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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> html, body{ margin:0px; background-color:#CF0; height:100%; width:100%; } .body{ margin:0 auto; background-color:#CC3; height:100%; width:600px; } .top{ margin:0 auto; background-color:#C96; height:100px; width:550px; } .content{ margin:0 auto; background-color:#C69; height: 100%; width:500px; overflow:auto; } </style> </head> <body> <div class="body"> <div class="top">top</div> <div class="content"> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> <p>Lorem ipsum dolor sit amet и тра-та-та...</p> </div> </div> </body> </html> но див контент не должен заныривать за все тело сайта, что и придаст ему резиновость. если ему дать авто высоту он не реагирует на overflow:auto;

все вроде и так, но только: overflow:hidden обрежет заодно и наполнение дива "контент", а оно должно быть (в диве контента будет стоять overflow:auto что и будет прокручивать наполнение)

Здравствуйте. Подскажите пожалуйчта, как можно сделать "резинку" с применением % и px, а именно: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> html, body{ margin:0px; background-color:#CF0; height:100%; width:100%; } .body{ margin:0 auto; background-color:#CC3; height:100%; width:600px; } .top{ margin:0 auto; background-color:#C96; height:100px; width:550px; } .content{ margin:0 auto; background-color:#C69; height:100%; width:550px; } </style> </head> <body> <div class="body"> <div class="top">top</div> <div class="content">content</div> </div> </body> </html> задача 1: проблема в том, что див "content" внизу выскакивает за див "body", как это можно исправить? (возможно ли высоту вводить с помощью переменных(функции)) задача 2: высота див "top" может меняться (в зависимости от наполнения)

Добрый деньё С ХТМЛ и ЦСС работаю совсем недавно. При написании шаблона под Joomla возник вопрос: Есть 3 основных блока - 2 по бокам фиксированные и один по центру с контентом гуляет по вертикали. Как сделать чтобы центральный блок, при уменьшении ширины браузера, не заезжал под левый блок и не оставалось пустое место справа? Или как заставить все блоки прокручиваться по горизонтали, при уменьшении ширины браузера? сам шаблон: http://fav-art.com/FAVart.template/ П.С.: подробное описание того что хочу получить: http://joomlaforum.ru/index.php/topic,141983.new.html#new или http://joomla.org.ua/forum/topic?id=920 Заранее всем откликнувшимчся чрезвычайно благодарен кот: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>FAVart.template</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html, body{ margin:0px; padding:0px; background-color:#414141; height:100%; } .body{ margin:0 auto; padding:0px; background-color: #39F; height:100%; width:1000px; } #indent{ clear:both; } .left_column_body{ margin:0 auto; padding:0px; float:left; background-image:url(../images/fon_01.gif); width:35px; height:650px; min-height:500px; position:fixed; background-color: #FC0; } .middle{ margin:0px; margin-left:35px; padding:0px; float:left; left:35px; background-color: #FCC; width:765px; height:850px; } .right_column_body{ margin:0px; padding:0px; float: left; left:inherit; background-color: #F30; width:200px; height:100%; min-height:500px; } .right_column{ margin:0px; padding:0px; position:fixed; float:left; background-color:#191919; width:200px; height:650px; } .rc_body{ margin:0px; padding:0px; background-color:#369919; width:200px; height:500px; } </style> </head> <body> <div class="body"> <div class="left_column_body"></div> <div class="middle"></div> <div class="right_column_body"> <div class="right_column"> <div class="rc_body"></div> </div> </div> </div> </body> </html>