ArtZen
-
Posts
4 -
Joined
-
Last visited
ArtZen's Achievements
Explorer (1/14)
0
Reputation
-
Сделал. В IE по прежнему расползается. (смотреть на верхние рамки header. Они другого цвета. Появляется зазор между header и bg справа.)
-
Да, все понял. Нужно объявлять броузеру "режим совместимости", чтобы padding (Размеры блоков) отсупались одинаково. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> только FF в этом режиме, вообще отказывается выводить таблицу, печатая td в столбик. в IE все ок.
-
Какой именно DOCTYPE ? всегда пользую <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> С ним как раз все так и есть. Если делать более жесткий типа: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> то проблема возникает и в IE
-
Приветствую! Проблема такая: В FireFox таблица с 100% шириной мнит себя королевой, и выходит за все рамки (справа). При увеличении масштаба (в FF), контент не растягивает а опять-таки тупо выходит справа. В идеале - должен быть всегда в центре, независимо от масштаба FF и содержать весь контент внутри. этот код в IE работает. Если делать чтобы работал в FF - точно та же проблема выходит в FF. И наоборот. Бьюсь уже 2 дня. :/ Заранее благодарен за помощь профессионалов. КОД: <html> <head> <title>WTF?</title> <style> body{ font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 62.5%; margin:0; padding:0; width:100%; height:100%; text-align: center; margin-left: auto; margin-right: auto; background: #3D414A; } html>body #container {height: auto; min-height: 100%;} #container { width: 1000px; position: relative; background-color:#FFFFFF; height: 100%; min-height:100%; text-align:left; margin-left: auto; margin-right: auto; } #header { background: url(images/bgr-header2.gif) repeat-x top; } #menu { background-color:#F2F2F2; } #content { width: 100%; padding: 10px 30px 10px 30px; } #empty, #footer {height: 31px;} #footer { position: absolute; bottom: 0; } </style> </head> <body> <div id="container"> <!--header--> <div id="header">HEADER</div> <div id="menu">MENU</div> <!--content--> <div id="content"> STARTCONTENT <table width="100%" border="1"> <tr><td bgcolor="red"><BR><BR></td></tr> </table> </div> <!--bottom-footer--> <div id="empty"> </div><div id="footer"> FOOTER </div> </div> </body> </html>