Перейти к содержимому

Сервис обмена электронных валют


WordPress не корректно отображает элементы Aside и Nav

#1 DocHarly

DocHarly
  • Пользователь
  • 1 сообщений
  • Репутация: 0
0

Отправлено 11 Февраль 2013 - 16:00

В хроме все отображает корректно, а после того как перенес в вордпресс стал неправильно отображать. Скорее всего что то в таблице стилей??
Помогите исправить.

HTML код
<!DOCTYPE html>
<html lang="ru-RU">
   <head id="page_header" role="banner">
  
	<!--[if lt IE 9]>
<script type="text/javascript">
   document.createElement("nav");
   document.createElement("header");
   document.createElement("footer");
   document.createElement("section");
   document.createElement("aside");
   document.createElement("article");
</script>
	<![endif]-->

	<meta http-equiv="Content-Type" content="text/html;
								 charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css">		
<title>AvesomeCo Blog</title>
  <h1>AvesomeCo Blog!</h1>
  <nav role="navigation">
	<ul>
	 <li><a href="/">Latest Posts</a></li>
	 <li><a href="/archives">Archives</a></li>
	 <li><a href="/contributors">Contributors</a></li>
	 <li><a href="/contact">Contact Us</a></li>
	</ul>
		</nav>  
   </head>
  
   <body role="document">
  
   <section id="sidebar" role="complementary">
	<nav>
   <h3>Archive</h3>
   <ul>
	<li><a href="2013/10">October 2013</a></li>
	<li><a href="2013/10">September 2013</a></li>
	<li><a href="2013/10">August 2013</a></li>
	<li><a href="2013/10">July 2013</a></li>
	<li><a href="2013/10">June 2013</a></li>
	<li><a href="2013/10">May 2013</a></li>
	<li><a href="2013/10">April 2013</a></li>
	<li><a href="2013/10">March 2013</a></li>
	<li><a href="2013/10">February 2013</a></li>
	<li><a href="2013/10">January 2013</a></li>
   </ul>
	</nav>
   </section>
   <section id="pledge">
	<header>
	 <h3>Our Fundraising Goal</h3>
	</header>
	<meter title="USD" id="pledge_goal"
		value="2900" min="0" max="5000"
  $2900.00
</meter>
	 <p>Help us reach our goal of $5000!</p>
   </section>  
   <section id="posts" role="main">
	<article class="post">
  <header>
	  <h2>How Money Should We Put You Down For?</h2>
	  <p>Posted by Brian on
	   <time datetime="2013-10-01T14:42">October 1st, 2013 at 2:42PM</time>
	  </p>
	 </header>
  <aside>
   <p>
   Посмотрите на эту женщину - и запомните ее навсегда!
	  Мир не cтал безнравственным только сейчас - он всегда был таким...
   </p>
  </aside>
	 <p>
  Главная перемeна в жизни героя, после того, как жена ему изменяет — что у него
  диагноcтируют биполяpное расcтройство, и он 8 месяцев проводит в пcихушке.
  После чего по решению суда не должен с ней встречаться.
	 </p>
	 <p>
  Награду не всегда получает тот, кто достоин её более других.Недавно,
  в возрасте 98-и лет умерла женщина по имени Ирена Сандлер. Во время Второй
  мировой войны Ирина получила разрешение на работу в Варшавском гетто в качестве
  сантехника/сварщика. У неё были на то "скрытые мотивы".
	 Будучи немкой, она знала о планах нацистов по поводу евреев.
  На дне сумки для инструментов она стала выносить детей из гетто,
  а в задней части грузовичка у неё был мешок для детей постарше.
  Там же она возила собаку, которую натаскала лаять, когда немецкая
  охрана впускала и выпускала машину через ворота гетто. Солдаты, естественно, не хотели...
  </p>
  
	 <footer>
   <p><a href="comments"><i>25 Comments...</i></a></p>
  </footer>
	</article>
   </section>
   </body>
  
   <footer id="page_footer" role="contentinfo">
	<p>&copy; 2013 AvesomeCo.</p>
   </footer>
</html>

CSS код
body{
width:960px;
margin:15px auto;
font-family: Arial, "MS Trebuchet", sans-serif;
}
p{
margin:0 0 20px 0;
}
p, li{
line-height:20px;
}
header#page_header{
width:100%;
}
header#page_header nav ul, #page_footer nav ul{
list-style:none;
margin:0;
padding:0;
}
#page_header nav ul li, footer#page_footer nav ul li{
padding:0;
margin:0 20px 0 0;
display:inline;
}
section#posts{
float:left;
width:74%;
}
section#posts aside{
float:right;
width:35%;
margin-left:5%;
font-size:12px;
line-height:12px;
}

section#sidebar{
float:left;
width:25%;
}
footer#page_footer{
clear:both;
width:100%;
display:block;
text-align:center;
}
fieldset{
width:216px;
}
fieldset ol{
list-style:none;
padding:0;
margin:2px;
}
fieldset ol li{
margin:0 0 9px 0;
padding:0;
}
fieldset input{
display:block;
}

 

 

  • 0

#2 mojWP

mojWP
  • Пользователь
  • 46 сообщений
  • Репутация: 14

Отправлено 14 Февраль 2013 - 12:03

что вы понимаете под словом "не корректно"?
по коду не видно, что не корректно. Сайт нужно указывать.
  • 0


Оформление форума – IPBSkins.ru