Как сделать так что бы блок 1 был фиксированный (ширина ровнялась 100%, высота 40рх)
блок 3 тоже фиксированный но он должен находиться в низу монитора (высота 20рх)
блок 2 должен быть тоже фиксированный (его ширина 260рх, высота должна ровняться расстоянии между 1 блоком и 3)
блок 4 будет прокручиваться.
в основном интересует как опустить 3 блок к низу экрану (так что бы при разных размерах монитора был одинаковый результат) и как сделать так что бы блок 2 ровнялся расстоянию между 1 и 3 блоком)
заранее спасибо)
Спустя 4 часа, 3 минуты, 9 секунд (1.09.2012 - 12:45) sergeiss написал(а):
| Цитата (Liinse @ 1.09.2012 - 10:42) |
| заранее спасибо) |
Дык, этааа... Заранее пожалуйста!
Но где свои наработки-то? Покажи, как планируешь делать. Или ты хочешь, чтобы тебе просто написали код? Тогда в раздел "вакансии" пиши. Спустя 39 минут, 17 секунд (1.09.2012 - 13:25) red devil написал(а):
position: fixed;
Спустя 2 часа, 4 минуты, 21 секунда (1.09.2012 - 15:29) Liinse написал(а):
| Цитата (sergeiss @ 1.09.2012 - 13:45) | ||
Дык, этааа... Заранее пожалуйста!  Но где свои наработки-то? Покажи, как планируешь делать. Или ты хочешь, чтобы тебе просто написали код? Тогда в раздел "вакансии" пиши. |
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="user.css">
</head>
<body>
<div id="HeaderGround">
<div id="HeaderContent">
<div id="HeaderLogo">
</div>
<div id="HeaderTopMenu">
</div>
</div>
</div>
<div id="prefab">
</div>
<div id="Content">
<div class="Lcolum">
</div>
<div class="Ccolum">
</div>
<div class="Rcolum">
</div>
<div style="clear: both;"></div>
</div>
<div id="Footer">
</div>
</body>
</html>
_____________________________________________________________________
*{
margin: 0px;
padding:0px;
}
@font-face
{
font-family: VINERITC;
src: url('fonts/VINERITC.ttf') format("opentype");
}
@font-face
{
font-family: Machinegun;
src: url('fonts/Machinegun.ttf') format("opentype");
}
#HeaderGround{
width: 100%;
height: 40px;
background-color: #000000;
position: fixed;
border-bottom: 1px splid color: #ffffff;
}
#HeaderContent{
width: 1200px;
height: 40px;
margin: auto;
}
#HeaderLogo{
padding-top: 6px;
width: 160px;
height: 40px;
float: left;
}
#HeaderTopMenu{
width: 1040px;
height: 40px;
margin: right;
}
#HeaderLogo a{
font-size: 20px;
color: #ffffff;
font-family: Machinegun;
text-decoration: none;
}
.com{
color: #61A117;
font-size: 20px;
float: right;
}
body{
background-color: #61A117;
}
#prefab{
width: 1200px;
height: 40px;
margin: auto;
}
#Content{
width: 1200px;
margin: auto;
}
.Lcolum{
width: 260px;
position: fixed;
background-color: #666666;
}
.Rcolum{
width: 700px;
background-color: #ffffff;
float: right;
}
.Ccolum{
width: 240px;
background-color: #ffffff;
float: right;
}
#Footer{
width: 100%px;
height: 20px;
background-color: #000000;
color: #ffffff;
position: fixed;
bottom: 0;
left: 0px;
right: 0px;
text-align: center;
}
Спустя 10 минут, 54 секунды (1.09.2012 - 15:40) red devil написал(а):
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<style>
*{
margin: 0px;
padding:0px;
}
@font-face
{
font-family: VINERITC;
src: url('fonts/VINERITC.ttf') format("opentype");
}
@font-face
{
font-family: Machinegun;
src: url('fonts/Machinegun.ttf') format("opentype");
}
#HeaderGround{
width: 100%;
height: 40px;
background-color: #000000;
position: fixed;
border-bottom: 1px splid color: #ffffff;
}
#HeaderContent{
width: 1200px;
height: 40px;
margin: auto;
position: fixed;
}
#HeaderLogo{
padding-top: 6px;
width: 160px;
height: 40px;
float: left;
}
#HeaderTopMenu{
width: 1040px;
height: 40px;
margin: right;
}
#HeaderLogo a{
font-size: 20px;
color: #ffffff;
font-family: Machinegun;
text-decoration: none;
}
.com{
color: #61A117;
font-size: 20px;
float: right;
}
body{
background-color: #61A117;
}
#prefab{
width: 1200px;
height: 40px;
margin: auto;
}
#Content{
width: 1200px;
margin: auto;
}
.Lcolum{
width: 260px;
position: fixed;
background-color: #666666;
}
.Rcolum{
width: 700px;
background-color: #ffffff;
float: right;
}
.Ccolum{
width: 240px;
background-color: #ffffff;
float: right;
}
#Footer{
width: 100%px;
height: 20px;
background-color: #000000;
color: #ffffff;
position: fixed;
bottom: 0;
left: 0px;
right: 0px;
text-align: center;
}
</style>
</head>
<body>
<div id="HeaderGround">
<div id="HeaderContent">
<div id="HeaderLogo">
</div>
<div id="HeaderTopMenu">
</div>
</div>
</div>
<div id="prefab">
</div>
<div id="Content">
<div class="Lcolum">
Типол левый блок<br>
Типол левый блок<br>
Типол левый блок<br>
Типол левый блок<br>
Типол левый блок<br>
Типол левый блок<br>
Типол левый блок<br>
</div>
<div class="Ccolum">
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
+1 пользователю red devil<br>
</div>
<div class="Rcolum">
</div>
<div style="clear: both;"></div>
</div>
<div id="Footer">
</div>
</body>
</html>
Спустя 20 минут, 59 секунд (1.09.2012 - 16:01) Liinse написал(а):
| Цитата (red devil @ 1.09.2012 - 16:40) |
<!DOCTYPE HTML> |
Спустя 19 минут, 7 секунд (1.09.2012 - 16:20) red devil написал(а):
| Цитата (Liinse @ 1.09.2012 - 17:01) | ||
|
это больше на заказ похоже, а за заказ деньги положены
Спустя 5 минут, 55 секунд (1.09.2012 - 16:26) Liinse написал(а):
| Цитата (red devil @ 1.09.2012 - 17:20) | ||||
это больше на заказ похоже, а за заказ деньги положены |
нет, спасибо)
лучше книгу о css почитаю))
Спустя 2 минуты, 47 секунд (1.09.2012 - 16:29) red devil написал(а):
и это правльно