HTML CSS и тег DIV - HTML и CSS

Решетова Алена · 23.03.2013, 16:57

Здравствуйте, Умные Головы! Помогите! Спасите! Уже голова дымится(( Мне надо написать костяк сайта. На html и с css. Тегом div. Я понять не могу, что у меня не так! Шапка сайта отображается, а остальные блоки нет. Что не так то? Где все?

Код:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Новая страница 1</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>

<body>

<div id="wrapper">

  <div id="header" >Голова</div>

  <div id="main">
    <div id="menu" >Меню</div>
    <div id="content" >Контент</div>
  </div>

  <div id="footer">Футер</div>

</div>

</body>

</html>

Код:

body {
    margin:0;
    padding:0;
    background: #edebd5;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000;
}

#wrapper {
    width:960px; /*Ширина блока*/
    height:100%; /*Высота блока*/
    margin:0 auto;
}

#header {
    width:960px; /*Ширина блока*/
    height:150px; /*Высота блока*/
    margin:0 auto;
    background:#00ff00;
{

#main {
    width:960px; /*Ширина блока*/
    height:700px; /*Высота блока*/
    margin:0 auto;
    left:0px;
    top:150px;
    background:#ff0000;
}

#footer {
    width:960px; /*Ширина блока*/
    height:80px; /*Высота блока*/
    margin:0 auto;
    left:0px;
    top:850px;
    background:#0000ff;
}

Я уже в процессе тяжелых раздумий убрала из таблицы стилей блоки меню и контента. По-любому не работает. Главное шапка отображается. Делала так же остальные, их не видно(

Решетова Алена · 23.03.2013, 17:08

Получается так:

А надо примерно так:

yaskin · 23.03.2013, 17:24

потому что в css не описаны id="menu" и id="content"

yaskin · 23.03.2013, 17:27

а еще в css скобка } задом наперед поставлена, там где header, поэтому и не отображается

Решетова Алена · 23.03.2013, 17:35

БЛИИНН!!! СКОБКА! Спасибо огромное! Это все из-за скобки((((

Валерьян · 24.03.2013, 10:30

Цитата:

Сообщение от yaskin

потому что в css не описаны id="menu" и id="content"

Ну ксати да, и скобка тоже)

Валерьян · 24.03.2013, 10:34

#menu и #content опиши в таблице и выровняй с помощью float:left;
После этого в стиле подвала напиши строчку clear:both;
Ну и у меню и контента размеры задай соответственно.

23.03.2013, 17:24	#3
yaskin Форумчанин Регистрация: 10.01.2011 Сообщений: 112	потому что в css не описаны id="menu" и id="content" Для спасибо весы слева

23.03.2013, 17:27	#4
yaskin Форумчанин Регистрация: 10.01.2011 Сообщений: 112	а еще в css скобка } задом наперед поставлена, там где header, поэтому и не отображается Для спасибо весы слева

24.03.2013, 10:34	#7
Валерьян Пользователь Регистрация: 07.03.2013 Сообщений: 23	#menu и #content опиши в таблице и выровняй с помощью float:left; После этого в стиле подвала напиши строчку clear:both; Ну и у меню и контента размеры задай соответственно. Учусь делать сайты, от простого к сложному... .

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Вопрос про тег <div>	moshkin_ura	HTML и CSS	1	10.09.2011 20:01
Парсинг XML (<тег></тег> переходит в <тег/>)	hard-t	Общие вопросы по Java, Java SE, Kotlin	4	29.06.2011 11:14
HTML Комментарии! (ссылка, тег.)	Cassius	HTML и CSS	9	02.06.2011 09:16
div тег как нижний слой для второго div тега	dadli	HTML и CSS	2	30.07.2010 01:12
HTML-форма, тег TEXTAREA	dedyshka	HTML и CSS	3	12.01.2010 17:38

23.03.2013, 17:08	#2
Решетова Алена Форумчанин Регистрация: 13.12.2012 Сообщений: 116	Получается так: А надо примерно так:

23.03.2013, 17:35	#5
Решетова Алена Форумчанин Регистрация: 13.12.2012 Сообщений: 116	БЛИИНН!!! СКОБКА! Спасибо огромное! Это все из-за скобки((((