Sintanial

так не подходит...если высота блока поиска будет большой то при растягивании экрана он будет залазить на второй блок

эммм не понял вас причем тут бордер и всё остальное. Я нарисовал как должен вести себя объект. Мне необходимо что бы при растяжении блока новостей, остальные блоки растягивались вместе с ним вот и всё. =) http://jsfiddle.net/fWaC2/76/ - вот тут уже есть макет... Сейчас когда уменьшаешь правую границу браузера увеличивается высота БЛОКА 1 ....так мне надо сделать так что бы второй блок вместе с поиском был по высоте как первый

Вот смотрите http://floomby.ru/content/LrUK0gRZUW/full/ На рис 1 показано обычное состояние На рис 2 показано состояние когда левый край браузера уменьшили =)... блок новости потянулся вниз... а след за ним и блок с розовым фоном и блок поиска.... а блок рекламы в верху зафиксирован и потянулась только высота !

Я всё таки с этой проблемой так и не смог разобраться. Подскажите пожалуйста http://jsfiddle.net/fWaC2/76/ 1)Мне надо что бы строка поиска была прижата к низу на уровне низа БЛОКА 1. И когда блок 1 изменял высоту, то строка поиска так же изменяла свое положение по вертикали и опять же была на уровне снизу 2)Так же необходимо сделать так что бы блок2 так же менял высоту при смене высоты блока1. 3)И всё наоборот. Блок 2 увеличивается по высоте то блок 1 тоже увеличивается по высоте, поиск опять же прижат снизу =) Задолбался это делать.... подскажите пожалуйста

ну я понимаю... я читаю, вникаю. Просто когда многие вещи не получаются( как например вот это), то приходится спрашивать совета у форумчан =).

еее спасибо оноооо !!! =)

Вот и дерзаю =))). Тута нагрянул еще один вопрос У нас есть четыре списка в линию...они находятся в контейнере у которого ширина меняется в зависимости от окна браузера (резиновый блок), списки расположены на одинаковом расстоянии друг от друга....при том так что крайние примыкают к нашему контеёнеру . Как сделать так что бы при смене ширины контейнера, менялось и расстояние между списками ??? <div> <ul style="display:inline-block"><li></li></ul> <ul style="display:inline-block"><li></li></ul> <ul style="display:inline-block"><li></li></ul> <ul style="display:inline-block"><li></li></ul> <div>

Мда мне еще очень многому надо научиться

Спасибо огромное....то что надо =). Очень круто

http://jsfiddle.net/tDWZt/2/

Трогай не трогай а гугл хром показывает границу инпута хоть ты тресни....есть конечно вариант скрыть границу.. и див поставить z-index выше...

Тут одна проблема появилась. У инпута что бы не налазить на картину прописан padding-left:20px; но так как инпуту прописана ширина 100%... то он выезжает за пределы своего родителя див..... визуально это конечно не видно...но файрбаг показывает.... и текст начинает примыкать прям к правому краю родителя... а мне надо что бы он на 2px отходил от правого края родителя. А гугл хром вообще рвёт и мечит, замещает границами инпута границу родителя.... если у инпута скрыть границу то у родителя будут белый пробелы. короче вот http://floomby.ru/content/TGzH2hoHUO

у меня еще вопрос. А если возле инпута будет текст... вот допустим так: <div class="cont"> <span>поиск</span> <div class="input"><img src="image/poisk.png" alt="" /><input type="text" /></div> </div> И вот предположим что у .cont ширина 600px. Мне необходимо что бы текст примыкал к левому краю .cont ( ну это само сабой так и будет) а input занимал автоматически всё оставшееся пространство начиная от текста и заканчивая правым краем .cont.

Спасибо большое....всё получилось =)

картинка абсолютная =)