Собственно, сайт http://novavest.by
body{
overflow-x:hidden;
background-image: url("../img/back.jpg");
background-repeat: no-repeat;
min-width:800px;
width:100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-size: 100% 100%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/back.jpg', sizingMethod='scale');
}
Вот такой css код. Но возникает проблема в ie8. если не применять фильтр, то картинка идет не на весь экран, а справа получается белая полоса. Если с фильтром, то все нормально, но не работают ссылки.
Поэтому как можно заставить работать ссылки или как можно растягивать по-другому в ie?
Спустя 1 час, 7 минут, 44 секунды (22.09.2011 - 23:03) sebastjan написал(а):
И не только ИЕ8, ИЕ6 -тоже плоховато.
Опера тоже не 100% по вертикали.
Артифакт на фоне с право, типа пузырь какой то.
Вёрстка не оптимальна.
Если уж на то пошло чтоб фоновую картинку растягивать, то можно прибегнуть к способу,
сделать слой, поместить на него картинку и задать ширину и высоту в 100%.
А так всё крико, не всеми поддержииваемо не оптимально.
481Кб, такой дизайн с вёрсткой на мусорку.
Опера тоже не 100% по вертикали.
Артифакт на фоне с право, типа пузырь какой то.
Вёрстка не оптимальна.
Если уж на то пошло чтоб фоновую картинку растягивать, то можно прибегнуть к способу,
сделать слой, поместить на него картинку и задать ширину и высоту в 100%.
А так всё крико, не всеми поддержииваемо не оптимально.
481Кб, такой дизайн с вёрсткой на мусорку.
Спустя 34 минуты, 21 секунда (22.09.2011 - 23:37) Эдик написал(а):
Ширину и высоту картинки 100%? Мой вопрос из той же оперы, что и к примеру я делаю блок, и мне надо чтобы картинка была по ширине и высоте этого блока. Вот как это реализовать в ие?
Спустя 4 минуты, 24 секунды (22.09.2011 - 23:42) Игорь_Vasinsky написал(а):
он наверно про слой говорил.
а чё у тя qqqqqqwwwwwwwwwwwwwwwww - вместо отступов
а чё у тя qqqqqqwwwwwwwwwwwwwwwww - вместо отступов
Спустя 1 час, 2 минуты, 54 секунды (23.09.2011 - 00:45) sebastjan написал(а):
Игорь_Vasinsky
Да, о этом и говорю.
Слой на всю страницу 100% а в слой картинку 100% .
Ширину картинки и высоту можно задать в процентах и будет растягиваться относительно родителя слоя.
Да, о этом и говорю.
Слой на всю страницу 100% а в слой картинку 100% .
Ширину картинки и высоту можно задать в процентах и будет растягиваться относительно родителя слоя.
Спустя 6 часов, 21 минута, 23 секунды (23.09.2011 - 07:06) VELIK505 написал(а):
| Цитата (Эдик @ 22.09.2011 - 18:55) |
| AlphaImageLoader |
И долго будем поддерживать браузеры которые старше вас самих???
Вы ещё тогда IE IE2 IE3 IE4 IE5 IE5.5 делайте под них тоже чё мелочиться.
Вешайте заглушку как это делают все нормальные люди
Ну а если так уж сильно интересно как правильно делать ЧИТАЙ ТУТ
Спустя 9 часов, 28 минут, 54 секунды (23.09.2011 - 16:35) Эдик написал(а):
Ну в общем все ясно, но все равно не понятно, как кроссбраузерно сделать размеры картинки под размеры окна браузера? Указать картинку как бэкгроунд-так опять мне нужны методы, заменяющие background-size. Если просто в слое включать картинку, то блин она будет выделятся при нажатии на нее
Спустя 50 минут, 20 секунд (23.09.2011 - 17:25) sebastjan написал(а):
Эдик
Не очекнь понимаю как это будет картинка выделятся?
Не очекнь понимаю как это будет картинка выделятся?
Спустя 7 минут, 47 секунд (23.09.2011 - 17:33) sebastjan написал(а):
Пользуйся индексами, играй как хочешь слоями.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style>
HTML{height: 100%;width: 100%;margin: 0px;padding: 0px;}
BODY{top;margin: 0px;padding: 0px;height: 100%;width: 100%;}
#ss{
position: absolute;
z-index: 1;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
}
.bb{
position: absolute;
z-index: 10;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
}
</style>
</head>
<body>
<div id="ss"><img src="kar.jpg" height="100%" width="100%" alt="" border="0"></div>
<div class="bb">
<a href="#"> sssssssssssssssssssssssssssssssssssss</a>
</div>
</body>
</html>
Спустя 9 минут, 29 секунд (23.09.2011 - 17:43) Эдик написал(а):
А ну все, теперь понял. Это чтобы картинку поставить на фон, это надо два блока создавать.
А для всех блоков лучше position:absolute указывать? Блин если абсолютно, то по-разному в ие и хроме располагаются элементы
А для всех блоков лучше position:absolute указывать? Блин если абсолютно, то по-разному в ие и хроме располагаются элементы
Спустя 1 минута, 42 секунды (23.09.2011 - 17:44) sebastjan написал(а):
VELIK505
Спасибо -- отличная ссылка.
Спасибо -- отличная ссылка.
Спустя 1 минута, 3 секунды (23.09.2011 - 17:45) Эдик написал(а):
И еще проблема, при уменьшении высоты окна логотип выходит за фоновую картинку и возникает внизу белая полоса, как от этого уйти?
Спустя 1 минута, 36 секунд (23.09.2011 - 17:47) sebastjan написал(а):
Два блока див не обязательно, это просто я один на другой настелил и на него линки повесил.
Приведи пример где у тебя с обсалютом в ИЕ и Хроме по разному отображается.
Приведи пример где у тебя с обсалютом в ИЕ и Хроме по разному отображается.
Спустя 4 минуты (23.09.2011 - 17:51) sebastjan написал(а):
| Цитата |
| И еще проблема, при уменьшении высоты окна логотип выходит за фоновую картинку и возникает внизу белая полоса, как от этого уйти? |
Всё переверстать.
Переделать картинки.
Спустя 1 минута, 51 секунда (23.09.2011 - 17:53) Эдик написал(а):
Спустя 5 минут, 37 секунд (23.09.2011 - 17:58) Эдик написал(а):
sebastjanА можно спросить, как бы вы реализовали это? Вот такое расположение, как на novavest.by, только по-правильному?
Если можно, то в общих чертах, разберусь
Если можно, то в общих чертах, разберусь
Спустя 1 минута, 24 секунды (23.09.2011 - 18:00) Эдик написал(а):
Что с картинками не так, какую верстку, какая структура должна соблюдаться? Заранее спасибо
Спустя 5 минут, 22 секунды (23.09.2011 - 18:05) sebastjan написал(а):
Вообще обясни у тебя какая задача с дизайном?
Чтоб фоновая картинка тянулась?
Лого при этом привязывалась к центру фона?
Ты когда в фотошопе рисовал задумывался как потом это реализовать?
Чтоб фоновая картинка тянулась?
Лого при этом привязывалась к центру фона?
Ты когда в фотошопе рисовал задумывался как потом это реализовать?
Спустя 4 минуты, 55 секунд (23.09.2011 - 18:10) sebastjan написал(а):
Я выше писал какая фигня, пол мегабайта страничка и куча артифактов.
Логотип не качественный, грязной обводкой тени сделан.
Фон банально любительский, о каком инвестиционном будущем можно говорить если не качественно преподносится.
Логотип не качественный, грязной обводкой тени сделан.
Фон банально любительский, о каком инвестиционном будущем можно говорить если не качественно преподносится.
Спустя 8 минут, 42 секунды (23.09.2011 - 18:19) Эдик написал(а):
Ну блин, дизайном не я занимался, мне скинули 3 картинки: фоновая, логотип, ну и на флеш скачка.
Задача чтобы фон всегда был на весь экран на всех разрешениях, те без белых полос. Можно со скроллом. Да, логотип чтобы визуально был по центру фона и с соблюдением пропорций самой картинки. Чтобы при уменьшении-увеличении окна браузера ничто не наезжало, не выезжало, чтобы не было опять же белых полос, те чтобы элементы не выходили за фон.
Ну и остальной текст так же.
В общем общий вид такой http://radikal.ua/data/upload/69fda/c2184/79455af644.jpg
Задача чтобы фон всегда был на весь экран на всех разрешениях, те без белых полос. Можно со скроллом. Да, логотип чтобы визуально был по центру фона и с соблюдением пропорций самой картинки. Чтобы при уменьшении-увеличении окна браузера ничто не наезжало, не выезжало, чтобы не было опять же белых полос, те чтобы элементы не выходили за фон.
Ну и остальной текст так же.
В общем общий вид такой http://radikal.ua/data/upload/69fda/c2184/79455af644.jpg
Спустя 25 минут, 37 секунд (23.09.2011 - 18:44) sebastjan написал(а):
Вижу только выриант с диб блока с логотипом с позиционированием по центру.
А отностительно него и строить остальное позиционирование элементов.
Первое уже сделал, фон растянул.
Теперь занимася див блоком на который поместил лого и позиционируй относительно него.
Других вариантов не представляю.
Что ты намудрил, так мне кажеться.
Сделай див блок который будет - скажем по ширине 1100 рх
Выровняй его так чтоб он был всегда по центру и по высоте 100%
А в него и укладывай
- блок с *войти*
- блок лого
-блок с текстом.
А отностительно него и строить остальное позиционирование элементов.
Первое уже сделал, фон растянул.
Теперь занимася див блоком на который поместил лого и позиционируй относительно него.
Других вариантов не представляю.
Что ты намудрил, так мне кажеться.
Сделай див блок который будет - скажем по ширине 1100 рх
Выровняй его так чтоб он был всегда по центру и по высоте 100%
А в него и укладывай
- блок с *войти*
- блок лого
-блок с текстом.
Спустя 4 минуты, 9 секунд (23.09.2011 - 18:49) Эдик написал(а):
А как его спозиционировать, чтобы при изменении размера окна браузера или чтобы при маленьких размерах логотип не выезжал за фон?
Спустя 3 минуты, 52 секунды (23.09.2011 - 18:52) sebastjan написал(а):
Как не выезжал?
У меня твой вариант http://zap.sion.by/ в ИЕ6, опера, фарефокс - вроде не выезжает.
Гуляет фоновое световое пятно - так это и понятно, тянеться при изменении размера окна.
У меня твой вариант http://zap.sion.by/ в ИЕ6, опера, фарефокс - вроде не выезжает.
Гуляет фоновое световое пятно - так это и понятно, тянеться при изменении размера окна.
Спустя 9 минут, 34 секунды (23.09.2011 - 19:02) sebastjan написал(а):
Слушай, я сегодня не имею времени, давай завтра поэксперементирую с твоими картинками и скину тебе результат в личку..
Спустя 15 секунд (23.09.2011 - 19:02) Эдик написал(а):
Ну это потому что я задал bottom:20%; Но тогда при уменьшении размера окна он "прячется" под верхний край. если задать top:20%, то тогда возникает белая полоса при уменьшении высоты окна браузера.
вот как сейчас на zap.sion.by
В любом случае спасибо за помощь, буду смотреть дальше что делать. только вот блин почему в ие и хроме position:absolute и top:0% воспринимается по=разному
вот как сейчас на zap.sion.by
В любом случае спасибо за помощь, буду смотреть дальше что делать. только вот блин почему в ие и хроме position:absolute и top:0% воспринимается по=разному
Спустя 35 секунд (23.09.2011 - 19:03) Эдик написал(а):
О, было бы очень кстати. Спасибо
Спустя 13 минут, 50 секунд (23.09.2011 - 19:17) Игорь_Vasinsky написал(а):
в хроме глянь чё выходит 
Спустя 30 минут, 44 секунды (23.09.2011 - 19:47) Эдик написал(а):
Ну в хроме это я так, набросок, чтобы показать что в ие и в хроме расположение "войти" и ссылка на флеш по-разному, хотя для обоих задан top:10%
Спустя 12 часов, 26 минут, 26 секунд (24.09.2011 - 08:14) VELIK505 написал(а):
| Цитата (sebastjan @ 23.09.2011 - 14:44) |
| VELIK505 Спасибо -- отличная ссылка. |
Этот сайт вообще бомба. Там такие вещи описываються о которых профи с огромным стажем даже и не подозревали.
Спустя 7 часов, 15 минут, 35 секунд (24.09.2011 - 15:29) sebastjan написал(а):
VELIK505
Я раньше с этого сайта хорошую книженцию по ускорению скачал, очень дельные советы.
А вот другие разделы не смотрел, сейчас посмотрел.
Что касаеться Прозрачность при помощи VML, пока что не всё получаеться, но тема интересная.
Я тебе вопрос в личку послал.
Я раньше с этого сайта хорошую книженцию по ускорению скачал, очень дельные советы.
А вот другие разделы не смотрел, сейчас посмотрел.
Что касаеться Прозрачность при помощи VML, пока что не всё получаеться, но тема интересная.
Я тебе вопрос в личку послал.