контент и его границы

Статус
Закрыто для дальнейших ответов.
P

pywrodl

Новичок
Регистрация
18.12.2014
Сообщения
3
у меня не понятная ситуация текст контента вылез на сайт бар, написано все правильно, помогите плз понять


html

<!Doctupe html>
<html>
<head>
<title>PyWoRLD-1</title>
<meta charset="windows-1251">
<link href="css/main.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="page_aling" class="d3radius">
<div id="header">

</div>
<div id="sidebar">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

</div>
<div id="content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<div class="clr"></div>
</div>
</body>
</html>


css
Код: 
* {
	margin: 0;
	padding: 0;
	outline: none;	
}

body {
	background: url("../images/bg.png") #2d74a5;
	font: 12px Arial, Tahoma, sans-serif;
}
a {
	text-decoration: none;
}
.b3radius{
	border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
}
#page_aling {
	width: 1302px;
	margin: 2px auto;
	background: url("../images/pegebg.png") #badff9;
	box-shadow: 0px 1px 3px #DDDDDD;
	-webkit-box-shadow: 0px 1px 3px #DDDDDD;
	-o-box-shadow: 0px 1px 3px #DDDDDD;
	-moz-box-shadow: 0px 1px 3px #DDDDDD;
	overflow: hidden;
	
}

#header {
	height: 237px;
	border-bottom: solid 3px #1b1b1b;
	
}
#sidebar {
	width: 247px;
	float: left;
	background: red;
	
}
#content: {
	float: right;
	width: 801px;
	

}
.clr {
	clear: both;
}
 
P

pywrodl

Новичок
Регистрация
18.12.2014
Сообщения
3
Сделал тоже самое только в виде класса, не понятки какиет, у чела в видео без класса все было норм
 
BaNru

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Какого класса?
Класс, как и идентификатор - это лишь прослойка между стилями и элементами страницы.
Автор видео:
1) мог опустить многие моменты
2) мог использовать другой способ привязки стилей к элементу (не через класс)

Стоит не видеоуроки смотреть, а основы читать
class
id

Ну и главное - мы не знаем что за суперпуперофигенноевидео у этого обалженнопрофессиональногочела и стоит пройти по моей ссылке. Не получается так как на видео, попробуй другие варианты.
 
P

pywrodl

Новичок
Регистрация
18.12.2014
Сообщения
3
та не я всмысле я все сделал как нужно все уже работает, просто оно заработало когда я указал как класс это свойство.
вот само видео, давольно познавательное и распростроненное http://www.youtube.com/watch?v=BmBcY5g5CCM
 
motek

motek

злой как @
Регистрация
13.04.2010
Сообщения
730
<!doctype html>
.....

:)
 
Статус
Закрыто для дальнейших ответов.

Онлайн статистика

Пользователи онлайн
0
Гости онлайн
13
Всего посетителей
13
Общее число может включать скрытых пользователей.

Статистика форума

Темы
10 934
Сообщения
64 052
Пользователи
12 698
Новый пользователь
MichaelaHap

Новые пользователи

Поделиться этой страницей

Верх Низ