Приветствую! Проблема такая: В 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>
