Извиняюсь, если кто знает как можно тот же самый результат получить на дивах без использования таблицы, напишите пожалуйста.
Чтоб так же имено работало при разных разрешениях экрана. Заранее благодарю. |
Цитата:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
* {
margin: 0;
padding: 0;
}
img {
border: 0;
}
#head,
#container {
min-width: 800px;
}
#head {
height: 155px;
background: url('img/fon.jpg');
}
#right {
float: right;
width: 200px;
background-color: silver;
}
#left {
float: left;
width: 200px;
background-color: red;
}
#center {
margin-left: 200px;
margin-right: 200px;
/* для пущей уверености */
overflow: hidden;
}
.navigation {
height: 35px;
}
.item {
height: 35px;
}
.end {
clear: both;
}
</style>
</head>
<body>
<div id='head'>
<img src='img/header.jpg' />
</div>
<div id='container'>
<div id='right'>
<div class='navigation'>
<img src='img/videoyroki.png' />
</div>
<div class='item'>
<img src='img/n1.png' />
</div>
</div>
<div id='left'>
<div class='navigation'>
<img src='img/videoyroki.png' />
</div>
<div class='item'>
<img src='img/n1.png' />
</div>
</div>
<div id='center'>
<p>content</p>
</div>
<div class='end'></div>
</div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 10:56. |