В чем дело?

Amalkurbanbaev · October 8, 2013

Делаю макет по инструкциям как на этой странице, но почему так же не получается( Помогите пожалуйста разобраться.

_______________________________

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR...ml4/loose.dtd">

<html>

<head>

<title>Макет 1</title>

</head>

<body>

</div>

<div>

</div>

</div>

</div>

</div

</body>

</html>

____________________________

.container {
width: 900px;
margin: 0 auto;
}

.header {
text-align: center;
width: 900px;
margin: 0 auto;
border: 3px solid red;
margin: 20px;
}
.left-menu {
width: 200px; height: 700px;
margin: 0 auto;
border: 3px solid yellow;
float: left;
margin: 20px;
padding: 5px;
}
.right-menu {
width: 201px; height: 700px;
float: left;
border: 3px solid black;
margin: 0 692px;
}
.content {
width: 475px; height: 700px;
margin: 0 205px;
padding: 5px;
border: 3px solid green;
}
.footer {
width: 900px;
clear: both;
padding: 5px;
border: 3px solid blue;
}

Edited October 8, 2013 by Amalkurbanbaev

Анна · October 8, 2013

На первый взгляд сперва исправьте:

- поставьте черточку к div после <div class='left-menu'>

- закройте кавычку у div от <div class='container'>

- закройте кавычку у <link rel='stylesheet' type='text\css' href='style.css'

В css правому блоку задать float:right и убрать margin: 0 692px;

Возможно придется уменьшить margin у левого блока и бордеры

October 8, 2013

@Анна,не хочешь мне поверстать бесплатно?

Добродетельница... Детей учат завязывать шнурки в садике, а не в старших классах.

Забанил на неделю за флуд!

Edited October 9, 2013 by Vlad

npofopr · October 9, 2013

Скорее всего еще будет не лишним подключить reset.css

Ну и откройте фаербаг или инспектор кода, сразу все видно будет, где какие отступы разваливают верстку.

Ну и как написано внизу статьи выкладывайте код на http://jsfiddle.net/

+ можете сгенерировать шаблон и разобрать его на http://csstemplater.com/

Softlink · October 9, 2013

У вас там и дивы незакрытые, и ненужные свойства, типа маржинов, и учет блочной модели. В общем, если внимательнее быть, то получится что-то вроде этого http://jsfiddle.net/PDTfQ/

Jackky · October 9, 2013

Скорее всего блоки едут из-за h1. Попробуйте


h1 {
margin: 0;
}

Amalkurbanbaev · October 17, 2013

Спасибо большое

klierik · October 18, 2013

на будущее: Оформляй, пожалуйста, тему соответствующе: Как правильно оформить вопрос/проблему

Sign In

В чем дело?

Question

Amalkurbanbaev

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

Анна

Link to comment

Share on other sites

121990

Link to comment

Share on other sites

npofopr

Link to comment

Share on other sites

Softlink

Link to comment

Share on other sites

Jackky

Link to comment

Share on other sites

Amalkurbanbaev

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information