Здравствуйте, сразу прошу сильно не пинать т.к только учусь В общем проблема в следующем - при увеличении масштаба в браузере, блоки сайта начинают разъезжаться, как их зафиксировать? Код (Text): <body> <div id="all_box"> <div id="head" align="center"><img src="img/head1.png" width="100%" height="160"/> <div id="logo1"><img src="img/slog.png"></div> <div id="lang"><img src="img/lang_bot.png"></div> </div> <div class="main"> <div class="left_b"></div> <div class="right_b"></div> <div class="center_b"></div> </div> </div> </body> </html> Код (Text): /* CSS Document */ body { margin:0; padding:0; background:url(img/BG.gif) repeat-x; } #logo1{ overflow:hidden; margin-top:-145px; margin-right:25%; font-family:"Times New Roman", Times, serif; font-size:26px; color:#666666; } #lang { margin-top:-80px; margin-left:950px; } .main{ margin-top:9%; overflow:hidden; } .left_b{ float:left; background:red; width:250px; height:400px; } .right_b{ float:right; background:blue; width:250px; height:300px; } .center_b{ margin-left:250px; margin-right:250px; background:green; height:250px; }
А можно чуть поточнее? Ясное дело что все блоки у вас там двигаются причем в разных направлениях, но всё же чего вы хотите добиться? Чтобы цветные блоки с фиксированной шириной стояли на месте возле левого края окна браузера? Или шапка не расширялась? или что?
Вот измените масштаб у этого форума, весь контент остался посредине, как добиться этого в том коде что я привел? чтобы цветные блоки при изменении масштаба не ездили один влево другой вправо, естественно по логике и центральный расширяться после этого не будет.