удалец
-
Posts
3 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by удалец
-
может ли кто проверить нижеследующий код в 8 и 9 эксплорере? <!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>test</title> <style type="text/css"> body{margin:0;padding:0;} html,body{height:100%;} .container{min-height:100%;} * html .container{height:100%;} .footer{margin-top:-60px;height:60px;} </style> </head> <body style="background-color:black;"> <div class="container" style="background-color:gold;"> <div style="background-color:#88ff88;padding-bottom:60px;">содержание</div> </div> <div class="footer" style="background-color:lime;">подвальчик</div> </body> </html>
-
хорошо, important и * убрал. css такой: body{margin:0;padding:0;} html,body{height:100%;} .container{min-height:100%;} * html .container{height:100%;} .footer{margin-top:-60px;height:60px;} этот код для страницы с подвалом, который ведет себя вполне корректно как при переполнении основного содержания, так и при малом его содержимом в указанных мною браузерах. хотелось бы знать, корректен ли он в эксплорере 8 и 9, сам проверить не могу.
-
ребята, я не все понял про уже имеющиеся решения, но есть такой вариант, который работает в ИЕ6,7;опере; фаерфоксе; гугле; сафари. остальные браузеры проверить не могу. в контейнер добавляется необходимый макет. пожалуйста скажите свое мнение. css: body{margin:0!important;padding:0!important;} html,body{height:100%;} .footer{margin-top:-60px;height:60px;} *.container{min-height:100%;} * html .container{height:100%;} .container{min-height:100%;} html: <div class="container" style="background-color:gold;"> <div style="background-color:#88ff88;padding-bottom:60px;">содержание</div> </div> <div class="footer" style="background-color:lime;">подвальчик</div>