body {
min-width: 660px; /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}
#container {
padding-left: 200px; /* LC fullwidth */
padding-right: 230px; /* RC fullwidth + CC padding */
}
#container .column {
position: relative;
float: left;
}
#center {
padding: 15px 15px; /* CC padding */
width: 100%;
}
#left {
width: 200px; /* LC width */
padding: 0 0px; /* LC padding */
right: 230px; /* LC fullwidth + CC padding */
margin-left: -100%;
}
#right {
width: 170px; /* RC width */
padding: 0 15px; /* RC padding */
margin-right: -100%;
}
<html>
<head>
</head>
<body>
<div id="container">
<div id="center" class="column">CENTER</div>
<div id="left" class="column">LEFT</div>
<div id="right" class="column">RIGHT</div>
</div>
</body>
</html>
Я поддерживаю сайт, который работал годами.Внезапно макет в Chrome не работает: левый столбец исчезает, а правый столбец появляется под центральным столбцом.Все еще отлично работает в Firefox.CSS использует margin-left: -100%.Ищете предложения для лучшего способа сделать это?(И интересно, изменился ли Chrome в лучшую или худшую сторону?) Спасибо