Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 23.02.2013, 16:22   #1
timedo
Пользователь
 
Аватар для timedo
 
Регистрация: 20.10.2012
Сообщений: 22
По умолчанию Несколько дней уже не могу разобраться с кодом...

Я решил создать шаблон на Wordpress, чисто так, для себя. Все шло ничего, только вот есть проблемы с footer...он не как бы налажуется на весь контент аж до хедера(картинка), ну а если я задаю высоту контента, тогда все нормально. Я понимаю что в коде "впадло" разбираться, но очень надеюсь на вашу помощь. Спасибо. Вот такая структура кода:

Код HTML:
<!DOCTYPE html>
<head>
<title>Site.ru</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<div class="bodysite">
<div class="head">
    <div class="head_headr">
	<div class="navigation">
	   <ul id="navig_menu">
		<li><a href="#">Главная</a></li>
		<li><a href="#">О блоге</a></li>
		<li><a href="#">Контакты</a></li>
	    </ul>
	</div>
     </div>
    <div class="foter_header">
     </div>
     </div>


<div class="content">
	<div class="blockontenta">
	 <h2>Название поста</h2>
	<p>Думаю после армии попробовать поработать в SEO-компании. В                   Москве. Хочу набраться опыта в продвижении сайтов. Москва... Большая конкуренция, непростые собеседования. Умные люди посоветовали мне читать много книг «по теме»</p>
	<center><div class="imgpic"></div></center>
	
         <p>Думаю после армии попробовать поработать в SEO-компании. В Москве. Хочу набраться опыта в продвижении сайтов. Москва... Большая конкуренция, непростые собеседования. Умные люди посоветовали мне читать много книг «по теме»</p>
	<a href="#">Читать далее</a>
	<div class="ostate">
		<span class="date">12.12.2013</span>
		<span class="prosm">просмотров: 1511</span>
		<span class="kat">Программы и сервисы</span>
		<span class="kom">Комментариев: 12</span>
	</div>
	</div>
	</div>
    
<div class="menunav">
<div class="menu">
	<h2>Меню </h2>
	<ul id="menu">
	<li><a href="#">Меню 1</a></li>
	<li><a href="#">Меню 2</a></li>
	<li><a href="#">Меню 3</a></li>
	<li><a href="#">Меню 4</a></li>
	<li><a href="#">Меню 5</a></li>
	</ul>
</div> 
</div> 
  
<div class="footer">
<p>footer</p>
</div>

</div>
</body>
</html>
немного css
Код HTML:
charset "utf-8";
*{
margin: 0; padding: 0;
}

.bodysite
{
background-color: #faf9f2;	
}

.head
{
	margin: 0 auto;
	height: 150px;
	background: url(image/background-head.png);
}

	.head_headr
	{
		height: 30px;
		background-color: #000;
	}

/*тело сайта*/
.mybody	

{
	margin:0 auto;
	width: 980px;
	background-color: #faf9f2;
}


/*блок контента*/

	.blockontenta
	{
		float:left;
		display: block;
		margin:10px 10px 30px 0;
		width:640px;
	}

/*картинка в контенте*/
	
	.imgpic
	{
		width:480px;
		height:200px;
		background-color: #000;
	}

	.imgpic a:hover
	{
		box-shadow: 0 0 10px #5F5F5F;

	}

/*Название статьи*/

	.blockontenta h2
	{
		font-family: "wf_SegoeUILight","wf_SegoeUI","Tahoma","Verdana","Arial","sans-serif";
		font-weight: 300;
		color: #1a1a1a;
		line-height: 1.25;
		padding: 5px;
		background-color: #398ec4;
		margin: 5px 0 5px 0;
		color:#fff;
	}



/*Текст в статье*/

	.blockontenta p
	{
		margin:10px 0 10px 0;
		font-size: 14px;
		line-height: 20px;
		color: #444;
		font:14px;
}

/*footer*/
.footer
{
	margin: 0 auto;
	height: 300px;
	background-color: #f1f1f1;
}
Изображения
Тип файла: jpg Снимок.jpg (26.2 Кб, 122 просмотров)

Последний раз редактировалось timedo; 23.02.2013 в 16:39.
timedo вне форума Ответить с цитированием
Старый 25.02.2013, 09:49   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Код:
clear:both
для футера
Alar, верни репу!
Naive вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
уже несколько дней не могу решить две задачки badim4k Паскаль, Turbo Pascal, PascalABC.NET 0 16.12.2011 16:41
Ребят не могу разобраться с кодом! kotopezzz Общие вопросы Delphi 2 11.02.2011 13:27
Не могу разобраться с кодом в дизассемблере. Yagamy Liet Assembler - Ассемблер (FASM, MASM, WASM, NASM, GoASM, Gas, RosAsm, HLA) и не рекомендуем TASM 7 27.09.2010 06:41
Не могу разобраться с кодом jey7 JavaScript, Ajax 1 17.06.2010 09:38
не могу разобраться с кодом morocko HTML и CSS 1 10.02.2010 21:23