Jekamajor
21-07-2005, 20:48
<style>
.tab_left{
float:left;
height:500px;
width:200px;
border:1px solid #cccccc;
}
.tab_right{
float:right;
height:500px;
width:200px;
border:1px solid #cccccc;
}
.tab_center{
height:400px;
background-color:#cceeee;
border:1px solid #cccccc;
}
</style>
<div class=tab_left>таблица слева</div>
<div class=tab_right>таблица справа</div>
<div class=tab_center>
таблица по середине
</div>
Помогите сверстать страницу следующей структуры при помощи css:
Страница разбита на три колонки: слева и спарва колонки фиксированной ширины, средняя колонка растягивается между ними.
Так вот, если вы загрузите код в эксплорере, то все отображается как надо, но в Опере средняя колонка растягивается на всю ширину экрана, перекрываясь левой и правой таблицей.
Можно ли как-нибудь по-другому сверстать такую структуру при помощи css, чтобы в Опере средняя колонка не растягивалась на весь экран?
Спасибо!
.tab_left{
float:left;
height:500px;
width:200px;
border:1px solid #cccccc;
}
.tab_right{
float:right;
height:500px;
width:200px;
border:1px solid #cccccc;
}
.tab_center{
height:400px;
background-color:#cceeee;
border:1px solid #cccccc;
}
</style>
<div class=tab_left>таблица слева</div>
<div class=tab_right>таблица справа</div>
<div class=tab_center>
таблица по середине
</div>
Помогите сверстать страницу следующей структуры при помощи css:
Страница разбита на три колонки: слева и спарва колонки фиксированной ширины, средняя колонка растягивается между ними.
Так вот, если вы загрузите код в эксплорере, то все отображается как надо, но в Опере средняя колонка растягивается на всю ширину экрана, перекрываясь левой и правой таблицей.
Можно ли как-нибудь по-другому сверстать такую структуру при помощи css, чтобы в Опере средняя колонка не растягивалась на весь экран?
Спасибо!