| |
|
|
| | Здравствуйте.
Ширина сайта 1004px. Сайт должен быть в центре экрана. Слева от сайта должен быть синий фон, справа зеленый. Как такое сделать? | |
| |
|
|
| |
|
|
| |
для: antf
(07.06.2011 в 13:22)
| | | Как один из вариантов создать изображение шириной 2000px и высотой 1px, окрасив первые 1000px в синий цвет, а вторую 1000px в зеленый. После чего использовать изображение в background с трансляцией по вертикали и позиционированием по центру. | |
| |
|
|
| |
|
|
| |
для: antf
(07.06.2011 в 13:22)
| | | div, в котором лежит контент сайта со свойством z-index: 2, два div-a - левый с синим фоном и правый с зеленым со свойством z-index: 1. | |
| |
|
|
| |
|
|
| |
для: psychomc
(07.06.2011 в 13:52)
| | | Вот, что получилось. В IE6 только все едет. Вместо зеленого и синего можно поставить какие-нибудь картинки.
>со свойством z-index: 1.
Не 1, а -1, иначе фоны перекрывают сайт.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled</title>
<style type='text/css'>
body, html {
padding:0;
margin:0;
}
#bkleft {
position:absolute;
top:0;
left:0;
background:blue;
height:100%;
width:50%;
z-index:-1;
position:fixed;
}
#bkright {
position:absolute;
top:0;
left:50%;
background:green;
height:100%;
width:50%;
z-index:-1;
position:fixed;
}
#wrapper {
width:1004px;
background:white;
margin:0 auto;
min-height:1100px;
z-index:2;
}
</style>
</head>
<body>
<div id='bkleft'></div>
<div id='bkright'></div>
<div id='wrapper'>Содержимое</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: antf
(07.06.2011 в 18:48)
| | | IE может тупить когда значения ширины/высоты заданы в процентах, плюс можно еще покопать в сторону overflow: hidden | |
| |
|
|
| |
|
|
| |
для: antf
(07.06.2011 в 13:22)
| | | Можно еще на таблицах:
<table width='100%'>
<tr>
<td style='background-color:green'> </td>
<td width='1004'>Содержимое</td>
<td style='background-color:blue'> </td>
</tr>
</table>
|
| |
| |
|
|
