Доброго времени суток. Страница по ширине резиновая, когда мало текста футер должен растягивать фон (их два правый и левый) и находится в самом низу страницы, а когда больше текста должен опускатся ниже.
Сделал вот так:
В данном случае IE прекрасно растягивает фон и футер находится внизу, чего нельзя сказать об Opera и FF.Код:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>футер</title> <style type="text/css"> * { margin:0; padding:0;} html { height:100%; } body { min-height:100%;position:relative;} * html body {height:100%;} </style> </head> <body> <div style="width:100%; background: url(bg_left.gif) left repeat-y; height:100%; "> ****<div style="width:100%; background:url(bg_right.gif) right repeat-y; height:100%">****Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы *<div style="position: absolute; height:50px; width:100%; background:#999999; bottom:0px; left:0px;"> *****Футер *</div> ****</div> </div> </body> </html>
Не могу понять почему фон не растягивается, объясните пожалуйста.