Lrad
-
Posts
15 -
Joined
-
Last visited
Lrad's Achievements
Explorer (1/14)
0
Reputation
-
Все получилось! Все проанализировав я сделал по варианту br3t <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <meta name="author" content="" /> <title>ОНазвание сайта</title> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> <link href="css/style.css" rel="stylesheet" /> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <div class='wrapper'> <div class='header'>Проблема с background в IE</div> <div class='content'> </div> </div> </body> </html> *{ margin:0; padding:0; } body { background: url(../images/bg-bottom.jpg)repeat; } .header { color: #F00; font-size: 150%; } .wrapper { background: url(../images/bg.jpg) repeat-x ; height: 1500px; } Спасибо
-
Как делаю - в первом посте написано с кодом. Кроме IE9 - не работает в других IE. Изобразил схематично..
-
По вашей ссылке div идет сначала сверху. Он перекрывает фон. А нужно чтобы он шел ниже на 450 px(высота градиента )
-
В том то и дело, что там не просто цвет фона. Что типа узорчика...
-
можно сделать по другому как-нибудь? Этот градиент по высоте больше шапки получается. То-есть его просто в шапку не вставить. Или сдвигать все блоки, которые ниже вверх. Это не совсем правильно будет. С div со вторым фоном работает, но как его тогда размещать? Если просто ставить - начинается с самого верха, закрывая фон 1 Если давать отступ - тогда придется шапку, топ меню, часть контента с сайдбарами тоже смещать вверх. Не оптимально Может вообще изначально нужно как то по другому поступать?
-
Я просто привел часть кода. min-height: 100% удаляю - тоже самое
-
Здравствуйте всем! Необходимо на фон страницы поставить градиент(сверху фон светлее). Я вырезал 2 картинки(фиксированной высоты первую, где градиент и вторую просто для фона) Вставляю следующим образом: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <meta name="author" content="" /> <title></title> <link href="css/style.css" rel="stylesheet" /> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> </body> </html> *{ margin:0; padding:0; } body { background: url(../images/bg.jpg), url(../images/bg-bottom.jpg); background-repeat: repeat-x, repeat; background-position: top, bottom; width: 100%; min-height: 100% } Работает во всех браузерах, кроме IE 6-8.(нет фона вообще никакого) В IE 9 работает нормально. Что я делаю не так? Или есть другой вообще вариант размещать градиентный background ?
-
Всем огромное спасибо - все заработало картинки были перевернуты на эмуляторе IE6. На нормальном браузере IE6 на виртуальной машине все здорово и ровненько. Тему можно закрывать.
-
Сделал - все работает, кроме долбанного IE6. Что ему не хватает? В других браузерах работает... <div id="header"> <div id="verx"> <div id="top-images"> <ul> <li><a href="" title="Перейти на главную страницу сайта"><img src="images/top1.png" alt="Home" /></a></li> <li><a href="mailto:test@test.ru" title="Написать нам письмо"><img src="images/top2.png" alt="mail" /></a></li> <li><a href="" title="Просмотр карты сайта"><img src="images/top3.png" alt="sitemap" /></a></li> </ul> </div> </div> </div> #header { width:100%; height:199px; } #verx { background:url(../images/verx.jpg) repeat-x; height:17px; width:100%; } #top-images { margin:0 auto; width:1000px; height:17px; } #top-images ul { margin:0; padding:0; float:right; margin-right:30px; list-style:none; } #top-images li { display:inline-block; } #top-images li a { display:block; } #top-images li a:hover { text-decoration:none; background:#495574; }
-
Урра, получилось. Спасибо огромное
-
#top-images { margin:0 auto; float:right; width:1000px; height:17px; } ul{ list-style:none; margin:0; padding:0; font-family:Tahoma; } li{ display:inline-block; } li a{ display:block; text-decoration:underline; color:#000; padding:0px 5px 2px 5px; font-size:20px; } li a:hover{ text-decoration:none; color:#fff; background:#4472e8; } <div id="top-images"> <ul> <li><a href=""><img src="/top1.png" alt="Главная страница"></a></li> <li><a href=""><img src="/top2.png" alt="Главная страница"></a></li> <li><a href=""><img src="/top3.png" alt="Главная страница"></a></li> </ul> </div> Справа не становится..... Получается слева от контекста немного смещенное вправо...
-
От края экрана это понятно. У меня смысл в чем: Есть шапка сайта. Выше шапки узенькая полоса. На ней 3 кнопки(полосе). Главная, карта сайта и написать письмо. Шапка сайта тянется на весь экран, а контент уже фиксированный. Эти кнопки должны стоять на границе контента справа. поэтому смещение должно идти от центра, а не от края экрана. От края я двигаю без проблем), а вот от центра не получается.
-
Не получается сместить вправо относительно центра экрана.. Получается или слева, или справа...
-
Спасибо! Не знал о таком сервисе. Теперь думаю разберусь. кнопкой сказать спасибо не получается(
-
Привет всем! Подскажите как сделать такое меню? Наподобие как у вас на форуме, где перечисляются: Статьи, блог и т.д. При помощи блочной верстки. Разбирался с исходным кодом страницы форума, но так и не понял... HTML понятно <div id="top-images"> <ul> <li><a href=""><img src="images/top1.png" alt="Главная страница"></a></li> <li><a href=""><img src="images/top2.png" alt="Вторая страница"></a></li> <li><a href=""><img src="images/top3.png" alt="Третья страница"></a></li> </ul> </div> Что нужно добавить в css, а то у меня меню вертикально? И еще нужно, чтобы меню начиналось не слева, а было немного смещено от центра экрана вправо.