Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Разные оттенки

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
Bio man
Отправлено: 18 Сентября, 2012 - 20:39:32
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2751
Дата рег-ции: Июль 2010  
Откуда: Даугавпилс, Латвия


Помог: 52 раз(а)
Сделал футер таким образом. По центру картинка в 1000 пикселей и по бокам заливается картинкой в 1 пиксель в ширину.
Внимание вопрос

Почему в IE<=8 отображается не так как надо? И как это исправить?
(Добавление)
IE - нижняя картинка
Прикреплено изображение (Нажмите для увеличения)
footer.jpg
 
 Top
IllusionMH
Отправлено: 19 Сентября, 2012 - 00:27:56
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
Bio man, а код покажете? Или пальцем в небо?
Есть мысль, что IE8- не поддерживают несколько фонов
(как я понял по описанию того, что делалось)
Края лучше сделать просто границей, т.к. размер элемента известен(width: 998px; + border);
 
 Top
armancho7777777 Супермодератор
Отправлено: 19 Сентября, 2012 - 03:30:05
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
Или обернуть в 2 дива.
У одного фон по левому краю + отступ в 1 пиксел,
у второго по правому + отступ в 1 пиксел.

(Отредактировано автором: 19 Сентября, 2012 - 03:39:33)

 
 Top
Bio man
Отправлено: 19 Сентября, 2012 - 07:38:28
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2751
Дата рег-ции: Июль 2010  
Откуда: Даугавпилс, Латвия


Помог: 52 раз(а)
фон по бокам растягивается (repeat-x). то что по бокам одного размера это повторяющийся фон в 1 пиксель. Всего 3 дива - левый, правый и центр. Код самый обычный

CODE (html):
скопировать код в буфер обмена
  1. <div class="dsgn_footer">
  2.         <div class="dsgn_center_foot"></div>
  3.         <div class="dsgn_left_foot"></div>
  4.         <div class="dsgn_right_foot"></div>
  5. </div>
CODE (htmlphp):
скопировать код в буфер обмена
  1. .dsgn_footer {
  2.         position: relative;
  3.         width: 100%;
  4.         margin-top: 20px;
  5. }
  6. .dsgn_center_foot {
  7.         background: url("img/center_footer.png");
  8.         margin: 0 auto;
  9.         width: 1000px;
  10.         height: 230px;
  11. }
  12. .dsgn_left_foot {
  13.         height: 135px;
  14.         width: 50%;
  15.         position: absolute;
  16.         left: 0;
  17.         bottom: 0;
  18.         z-index: -1;
  19.         background: url("img/left_footer.png") repeat-x;
  20. }
  21. .dsgn_right_foot {
  22.         height: 116px;
  23.         width: 50%;
  24.         position: absolute;
  25.         right: 0;
  26.         bottom: 0;
  27.         z-index: -1;
  28.         background: url("img/right_footer.png") repeat-x;
  29. }

(Отредактировано автором: 19 Сентября, 2012 - 07:38:59)

 
 Top
Bio man
Отправлено: 19 Сентября, 2012 - 17:07:53
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2751
Дата рег-ции: Июль 2010  
Откуда: Даугавпилс, Латвия


Помог: 52 раз(а)
есть идеи?
 
 Top
armancho7777777 Супермодератор
Отправлено: 19 Сентября, 2012 - 17:35:30
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
Bio man, минуточку...
Сей час гляну что у Вас там.
Загрузите сюда все 3 картинки и скиньте ссылки.
И скрин того, что должно получиться.

Bio man пишет:
фон по бокам растягивается (repeat-x).

Bio man пишет:
по бокам заливается картинкой в 1 пиксель в ширину.

Так repeat-x, или repeat-y ?

(Отредактировано автором: 19 Сентября, 2012 - 17:59:03)

 
 Top
IllusionMH
Отправлено: 19 Сентября, 2012 - 17:59:48
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
Bio man, можно попробовать сделать полоски для сторон больше чем 1px. К примеру 8-10. Возможно это артефакт с растягиванием однопиксельного изображения в старых браузерах(что-то подобное встречалось пару раз, увеличение ширины помогло)
(Добавление)
armancho7777777, вертикальный градиент нужной высоты(разные справа и слева) повторяется через repeat-x до границ большого контейнера. (картинка в 1 посте)

(Отредактировано автором: 19 Сентября, 2012 - 18:18:58)

 
 Top
Bio man
Отправлено: 19 Сентября, 2012 - 18:41:59
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2751
Дата рег-ции: Июль 2010  
Откуда: Даугавпилс, Латвия


Помог: 52 раз(а)
IllusionMH, увеличил до 10 пикселей, без изменений.
Все равно всем спасибо.
Если есть еще идеи - поделитесь.
 
 Top
armancho7777777 Супермодератор
Отправлено: 19 Сентября, 2012 - 18:55:17
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
IllusionMH пишет:
(картинка в 1 посте)

А)
Я думал это тот баг)
Суть понял)
Проще простого)
Ща Подмигивание
(Добавление)
Если я правильно понял, то так:
CODE (css):
скопировать код в буфер обмена
  1.  
  2. .dsgn_footer {
  3.    width: 100%;
  4.    margin-top: 20px;
  5. }
  6.  
  7. .dsgn_wrap_foot {
  8.    background:#0C6 url("img/left_footer.png") repeat-x;
  9.    width: 100%;
  10. }
  11.  
  12. .dsgn_center_foot {
  13.    background:#F00 url("img/center_footer.png");
  14.    margin: 0 auto;
  15.    width: 1000px;
  16.    height: 230px;
  17. }
  18.  

CODE (html):
скопировать код в буфер обмена
  1.  
  2. <div class="dsgn_footer">
  3.   <div class="dsgn_wrap_foot">
  4.     <div class="dsgn_center_foot"></div>
  5.   </div>
  6. </div>
  7.  
 
 Top
Bio man
Отправлено: 19 Сентября, 2012 - 19:17:19
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2751
Дата рег-ции: Июль 2010  
Откуда: Даугавпилс, Латвия


Помог: 52 раз(а)
Это действительно был баг IE. Дело в том, что IE до 9 версии не корректно работают с png. конвертация в jpg решила проблему.
armancho7777777, спасибо, код возможно пригодится.
 
 Top
IllusionMH
Отправлено: 19 Сентября, 2012 - 19:21:47
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
(del)

(Отредактировано автором: 19 Сентября, 2012 - 19:22:21)

 
 Top
armancho7777777 Супермодератор
Отправлено: 19 Сентября, 2012 - 19:26:02
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
Bio man пишет:
Дело в том, что IE до 9 версии не корректно работают с png

Что именно не коректно?
 
 Top
Bio man
Отправлено: 19 Сентября, 2012 - 19:36:58
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2751
Дата рег-ции: Июль 2010  
Откуда: Даугавпилс, Латвия


Помог: 52 раз(а)
все же это не бага (в какой то степени...). Пересохранили немножко по другому эти крайние футеры и все с png заворкало. хм.
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB