Elmirill
-
Posts
14 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Elmirill
-
Как div блок растянуть по высоте между двумя другими?
Elmirill replied to Elmirill's question in HTML Coding
Спасибо, вопрос решен -
Как div блок растянуть по высоте между двумя другими?
Elmirill replied to Elmirill's question in HTML Coding
Да, примерно так, только чтобы серединный блок не наползал на футер. чтобы заканчивался прямо перед футером. -
Здравствуйте! Есть два див блока: хедер и футер. Между ними блок контент. Футер прижат к низу окна браузера, и из-за этого между блоками контент и футер образовалась пустота. Вопрос: как блок контент растянуть между блоками хедер и футер, чтобы между ними не было зазоров? Цель данной манипулации: сделать внутри дивов бэкграунд чтобы образовался цельный лист. Спасибо. Код: <body> <div id="wrapper"> <div id="header"> </div><!-- #header--> <div id="content"> </div><!-- #content--> </div><!-- #wrapper --> <div id="footer"> </div><!-- #footer --> </body> css: * { margin: 0; padding: 0; } html { height: 100%; } body { width: 100%; height: 100%; } #wrapper { width: 980px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } #header { height: 190px; } #content { padding: 0 270px 0 0; margin: 0 auto; height: 100%; } #footer { width: 980px; margin: -32px auto 0; height: 32px; }
-
Выравнивание по центру изображения с absolute
Elmirill replied to Elmirill's question in HTML Coding
Searcher, спасибо, вопрос решен. Насчет обрамления кода - учту. -
Здравствуйте! В верстке новичок, возникла необходимость выровнять картинку с position:absolute по центру. Кроме этого, картинка вписана в окно браузера, и масштабируется с сохранением пропорций. Если убрать absolute, получается выровнять с помощью text-align:center; Но без absolute она некорректно отображается в опере, ие и мозилле. Помогите советом. Код: <STYLE type="text/css"> *{padding: 0; margin: 0;} body, html {height: 100%;} #soon { /* Set rules to fill background */ height: 100%; min-width: 640px; min-height: 480px; /* Set up proportionate scaling */ height:100%; /* Set up positioning */ z-index: -1; position: absolute; } </STYLE> </HEAD><BODY> <IMG id="soon" src="soon.png"> </BODY></HTML>
-
Нет, не сработало. А что такое clip? Вообще, должно работать как-то без js. Тут всего то нужно как-то сохранить пропорцию картинке. По идее, это же просто. Вот только как прописать, я не знаю.
-
Это и не требуется. Разговор не о фоновой картинке, а о картинке на которой шестеренки с надписями. Для нее нужны пропорции.
-
Всем доброго времени суток! Задал этот вопрос в теме про вписывание в div блоки, но поскольку вопрос той темы был решен, я думаю, будет уместно задать его в новой. Можно ли масштабировать картинку внутри блока одновременно по width и по height, но с сохранением пропорций? то есть, если окно вытянуто по горизонтали, то масштабирование идет по height. Окно вытянуто по вертикали - по width. А то получается такая ерунда: если масштабирование идет по height, а окно вытянуто по вертикали, картинка не влезает в окно. А она должна быть вписана в окно браузера. Пример: http://www.delirio.pro/
-
Спасибо, вопрос решен! Непонятно одно: можно ли масштабировать одновременно по width и по height, но с сохранением пропорций? то есть, если окно вытянуто по горизонтали, то масштабирование идет по height. Окно вытянуто по вертикали - по width. Реально ли это?
-
Спасибо, буду ковыряться.
-
Вроде бы почти разобрался. Непонятно только, можно ли масштабировать одновременно по width и по height, но с сохранением пропорций? то есть, если окно вытянуто по горизонтали, то масштабирование идет по height. Окно вытянуто по вертикали - по width. И еще такой нюанс: На странице два блока - один родитель, на весь экран, второй в родителе, и он отцентрирован по вертикали и горизонтали внутри родителя (родитель имеет отображение таблицы). Так вот, когда прописываю второму блоку параметры width и height 80%, сбивается центровка по горизонтали, он съезжает вправо. От чего такое может быть?
-
psywalker, спасибо за наглядный пример. На самом деле, чуть не то, что я имел в виду. Можно сделать так, чтобы картинка масшабировалась при смене размеров окна, а не только при загрузке? И, самое главное, можно ли обойтись без JS? Силами html, css и php? Чтобы было нагляднее, вот сайт: http://www.delirio.pro/ На нем два объекта: картинка как фон, которая растягивается под окно браузера, и картинка с лого и надписями, которая также должна быть в центре и масштабироваться под окно, но только с сохранением пропорций. Сама картинка заключена в два блока - один родительский, и занимает все окно браузера, второй центрирует картинку по вертикали и горизонтали внутри родительского. Цель - масштабировать картинку на весь родительский блок, чтобы пользователь с плазменной панелью, также как и пользователь с монитором на разрешении 1024х768 видели картинку на весь экран. Ну и повторюсь, желательно методами html, css и php. Оффтопик: существует ли возможность использования векторной графики на сайте?
-
В том то и дело, что родитель не имеет постоянной величины, а подстраивается под окно браузера. И в этом случае, картинка не помещается на экране. Картинка должна ужиматься до текущего размера окна.
-
Здравствуйте! Возникла необходимость вписать объект (допустим картинку) в блок div таким образом, чтобы картинка ужималась (растягивалась) до размера div блока. Для примера: на сайте есть большая картинка по центру, и эта картинка при открытии сайта в браузере автоматом масштабируется до размера окна браузера. Конкретно интересует два аспекта: 1). Как вписать картинку с сохранением пропорций. 2). Как растянуть картинку по всему блоку без сохранения пропорций. Спасибо.