index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>начальная страница</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="full"> <!-- основной контейнер-->
<div id="header"></div> <!--контейнер шапки-->
<div id="controller"><!--контейнер контента-->
<div id="left_bar">навигация </div><!--контейнер навигации-->
<div id="content">контент</div><!--контейнер информации-->
<div id="right_bar">правый </div><!--контейнер правого блока-->
</div>
<div id="footer">footer</div><!--контейнер подвала-->
</div>
</body>
</html>
style.css
@charset "windows-1251";
/* CSS Document */
#full /* стиль основного полотна */
{
background-color:#CCC;
height:auto;
width:1000px;
}
#header /* стиль шапки */
{
background-color:#666;
height:140px;
}
#controller /* стиль основного блока вывода информации */
{
background-color:#0C0;
}
#left_bar /* стиль левого блока */
{
background-color:#C00;
width:200px;
}
#content /* стиль ввыода контента */
{
background-color:#CF6;
float:left;
width:600px;
}
#right_bar /* стиль правого блока */
{
background-color:#66F;
float:left;
width:200px;
}
#footer /* стиль подвала */
{
background-color:#CF6;
height:50px;
}
помогите понять почему не получается структура как положено.
Заранее спасибо.
Спустя 2 минуты, 9 секунд (18.12.2010 - 18:17) koala написал(а):
#left_bar почему без float ?
Спустя 39 секунд (18.12.2010 - 18:18) Fredrich написал(а):
а какой должен быть
Спустя 1 минута, 22 секунды (18.12.2010 - 18:19) Fredrich написал(а):
добавил теперь теперь footer уехал
Спустя 48 секунд (18.12.2010 - 18:20) koala написал(а):
#left_bar /* стиль левого блока */
{
background-color:#C00;
width:200px;
float: left;
}
#content /* стиль ввыода контента */
{
background-color:#CF6;
float:left;
width:600px;
}
#right_bar /* стиль правого блока */
{
background-color:#66F;
float:left;
width:200px;
}
У каждого блока должен быть float.
Спустя 1 минута (18.12.2010 - 18:21) koala написал(а):
Fredrich, футер уехал потому что у него нету свойства float. Вы читали про divову верстку?
P.S.
Посмотрите, так вам надо?
P.S.
@charset "windows-1251";
/* CSS Document */
#full /* стиль основного полотна */
{
background-color:#CCC;
height:auto;
width:1000px;
}
#header /* стиль шапки */
{
background-color:#666;
height:140px;
}
#controller /* стиль основного блока вывода информации */
{
background-color:#0C0;
}
#left_bar /* стиль левого блока */
{
background-color:#C00;
width:200px;
float: left;
}
#content /* стиль ввыода контента */
{
background-color:#CF6;
float:left;
width:600px;
}
#right_bar /* стиль правого блока */
{
background-color:#66F;
float:left;
width:200px;
}
#footer /* стиль подвала */
{
background-color:#CF6;
height:50px;
float: left;
}
Посмотрите, так вам надо?
Спустя 3 минуты, 20 секунд (18.12.2010 - 18:24) Fredrich написал(а):
Да читал, все уде исправил, но только по средству того что вставил footer в сontroller, а не в full как хотел почему не получилось так как хотел не пойму
Спустя 2 минуты, 15 секунд (18.12.2010 - 18:26) koala написал(а):
Fredrich, в вышеизложенном мной коде все исправлено и стоит на своих местах. Если хочешь что бы футер был одинаковой ширины как и full то добавь параметр width: 1000px;
Спустя 5 минут, 27 секунд (18.12.2010 - 18:32) Fredrich написал(а):
Спасибо все отлично работает
Спустя 11 минут, 11 секунд (18.12.2010 - 18:43) koala написал(а):
Fredrich, посмотрите на мою подпись =))
_____________
Видео уроки по Yii