<div id="first"> /* весь зелёный блок <div id="header"></div> /* то, что выше красного блока <div id="shapka"></div> /* красный блок <div id="title"></div> /*зелёный внутренный блок </div> <div id="second"></div> /* продукция <div id="footer"></div>
Все это конечно заманчиво, но как я это все правильно нарежу, если слои объединены. Я пробовал так:
<div id="wrapper">
<div id="header">
<div id="in_header"></div>
</div>
<div id="content"></div>
<div id="footer"></div>
#wrapper{
min-width: 1024px;
max-width: 1920px;
margin: 0 auto;
}
#header{
width: 100%;
height: 630px;
background: url(../images/header_bg.png) no-repeat top center; /*png потому что теней много*/
position: absolute;
left: 0;
top: 0;
#in_header{
height: 400px;
background: url(../images/in_header.png) no-repeat top center; /*опять же тени*/
z-index: -1000; /*ie7 этого не понял*/
/*и тут начинаются сложности, можно считать что половина контента уже занята зеленым блоком*/
#content{
width: 946px;
background: url(../images/cont-bg.png) repeat-x top center;
дальше футер.
Когда я создаю в контенте еще один блок и начинаю его поднимать с помощью relative то снизу остается пустое место. И когда масштабирую сайт в браузере, бэкграунд контента начинает тянуться по вертикали, вниз-вниз. И вообще надо ли учитывать что продукции может и не быть? И вот хотелось бы услышать мнение касающееся именно контента. Спасибо!
Открыть файрбаг, навести на текст, посмотреть какой класс за это отвечает, в каком файле и на какой строке, и изменить ширину. Как то так) Может есть и другой способ, но этот самый быстрый.
что то у меня голова не варит, пойду ка я спать! Спасибо Godrik!
body {min-width: примерный размер самой большой картинки}
.top_menu{ width: размер картинки(бг меню); left: 50%; margin-left: - (размер картинки(бг меню))/2; height: 65px; background: url(../images/top_menu.png) no-repeat center; margin-top: 170px; }
а чем это не походит? у тебя всё равно все размеры стандартные на bg картинки)
В общем с меню я определился, выставил я его по центру. Осталось выставить контент по центру. Касательно min-width, он прописан для блока #wrapper. По поводу размеров, на все bg, исключая заголовки меню трубку:) везде стоит 100%, и для шапки и для меню и футера.
Именно по центру. margin: 0 auto не помогает. Уже бошку сломал)
Так не получается. Дело в том что уезжает не сама картинка а только пункты меню. float: left двигает не содержимое, а саму картинку. Если с Джумлой работали, то заметьте что для меню классы совсем другие. moduletable_top и пошло поехало. Меня больше интересует по поводу контента, как мне сделать чтобы он не уезжал, у него ширина фиксированная, если задам 100% то белый фон растянется вообще далеко, а мне так ненужно.
Если вы заходили на сайт, и как мне помнится у вас разрешение 1600 на сколько то, то наверняка видели что контент уезжает влево, и верхнее меню тоже. Я добивался чего, чтобы при маленьком разрешении, снизу не было скролла и сайт все время оставался по центру, будь хоть 1024 хоть 1920px. Почти добился, но не для всех блоков. Контент уезжает и меню тоже. Собственно вопрос в том, как это исправить? Спасибо!
Здравствуйте! У меня вопрос. Пользуюсь joomla 2.5. Стоит Virtuemart 2.0.8. Как вывести последние добавленные товары на главную страницу сайта, а не на главную страницу Virtuemart. Искал искал, но что то не нашел. Спасибо!
вопрос не исчерпан😒Когда фон однородный, оно все хорошо работает, а когда фон картинка, что то вроде: Этого. Тогда как быть. Спасибо!
Спасибо, и правда работает!
