Разъезжается вёрстка на div

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

Bjorn

Новичок
Регистрация
24.03.2010
Сообщения
1
Уважаемые эксперты, будьте так добры, проконсультируйте, пожалуйста, по вопросу верстки. Есть сайт (history-kazan.ru), установлена тема, которая, к сожалению, «разъезжается». Нашёл сайт с аналогичной темой (http://totalcomingout.ru/), на нём все отображается нормально. Просмотрел css и индексный файл, однако не нашёл существенных различий. Подозреваю, что где-то неправильно «закрыл» div. Буду очень признателен за консультацию. Ниже привожу листинги.

style.css

Код: 
/* =Global Elements
-------------------------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #FFF;
	color: #333;
	font-size: 100%;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal; }

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; }

* html .clearfix { height: 1%; }

img.aligncenter, img.alignright, img.alignleft { border: 5px solid #DDD; }

.navigation a:link, .navigation a:visited, .comments-navigation a:link, .comments-navigation a:visited {
	border: 1px solid #DDD;
	display: inline-block;
	text-decoration: none;
	padding: 5px;
	font-weight: bold;
	font-size: 14px; }

#content-wrap {
	width:980px;
	margin:0 auto; }

* {
	margin:0;
	padding:0; }

html { overflow-y:scroll; }

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,input,button,textarea {
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	margin:0;
	padding:0; }

body {
	background-color:#F1F1F1;
	font-family:Arial, Helvetica, sans-serif;
	border-top:13px solid #22384F; }

ul { list-style:none; }

p { font:1.3em/1.3em; }

a {
	text-decoration:none;
	color:#263B51; }

	a:hover { text-decoration:underline; }

	a img { border:none; }

.floatleft { float:left; }

.floatright { float:right; }

.clear { clear:both; }

.transpBlack { background:url(transpBlack.png); }

/* =Header
-------------------------------------------------------------- */
#header {
	width:980px;
	margin:0 auto; }

#logo {
	float:left;
	height:90px;
	padding:10px 0 0; }

	#logo h1 {
		color:#263B51;
		font-size:80px;
		margin:0;
		padding:0; }

	#logo h5 {
		color:#263B51;
		font-size:16px;
		font-family:Tahoma;
		font-variant:small-caps; }

#ad468 {
	float:right;
	height:60px;
	width:468px;
	padding:50px 0 0; }

/* =Menus
-------------------------------------------------------------- */
.rss-links { float: right }

	.rss-links a { background: url('images/rss.png') no-repeat left 9px; padding-left: 15px !important }

#menu {
	background:url(images/menu.png) repeat-x;
	height:33px;
	margin:15px 0; }

#menu-wrap {
	width:980px;
	margin:0 auto; }

/* Navigations
-------------------------------*/
ul.nav { margin: 0 }

/* Main navigation */
#nav, #nav ul {
	height: 35px;
	width: 550px;
	float:left;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 100;
	padding-top:6px; }

#nav a {
	color: #e7e7e7;
	font-size: 10px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: 5px 7px;
	text-transform: uppercase;
}

	#nav a:hover  {
		color: #fff;
		background:#1F1F1F;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}
		
		
		.current_page_item a {
		color: #fff;
		background:#1F1F1F;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
 
		} 
   
#footer .current_page_item a, .current_page_item li {
	border:none;
	border:0; }
	
	#sidebar .current_page_item a, .current_page_item li {
	border:none;
	border:0; }

#nav li {
	float: left;
	padding-right:20px; }

	/* Style drop down list */
#nav li ul {
		position: absolute;
		width: 200px;
		left: -999em;
		padding-top:0px; }

	#nav li:hover ul, #nav li.sfhover ul { left: auto; }

	#nav li ul li a {
		background: #1F1F1F;
		line-height: 10px;
		font-size: 10px;
		color: #fff;
		width: 150px;
		margin-bottom:0px;
		-moz-border-radius: 3px;
		-html-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border-bottom:1px solid #ccc;
}

		#nav li ul li a:hover {
			background: #3F3E3E;
			color:#fff;
			-moz-border-radius: 3px;
			-html-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
}

	#nav li ul li a { }

	#nav li ul ul { margin: -23px 0 0 164px; }

	#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }

	#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }

	/* IE7 Fix */
#nav li:hover, #nav li.hover { position: static; }

ul#footerNav {
	position: absolute;
	top: 27px;
	right: 0; }

	ul#footerNav li {
		float: left;
		display: inline;
		margin-left: 15px; }

#rss {
	float:right;
	padding-top:5px; }

	#rss li {
		display:inline;
		padding:0 10px 0 0; }

		#rss li a {
			color:#fff;
			font-size:11px;
			text-decoration:none;
			padding:0; }

			#rss li a:hover { text-decoration:underline; }

	#rss img {
		vertical-align:middle;
		padding:0;
		margin-right:3px; }

/* =Widgets
-------------------------------------------------------------- */
#popular {
	float:left;
	width:270px;
	margin:0 10px 15px 0; }
	
	#subscribe p {
	padding:0 10px 10px 10px;
	font-size:12px;
	line-height:18px;}

.widget {
	font-size:11px;
	color:#737373;
	padding:0 0 10px; }

	.widget li {
		list-style-type:square;
		list-style-position: inside;
		line-height:20px; }

	.widget h3,#posts h3 {
		background:url(images/blu.png) no-repeat top left;
		height:33px;
		font-family:Arial;
		text-transform:uppercase;
		font-size:10px;
		color:#fff;
		font-weight:400;
		padding:7px 5px 0 10px; }

	.widget small { float:left; }

	.widget img {
		float:left;
		padding:0 5px 3px 0; }

	.widget a {
		font-weight:700;
		font-family:Tahoma; }

/* =Main Area
-------------------------------------------------------------- */
#featured {
	float:left;
	width:420px;
	background:#181818;
	height:240px;
	overflow:hidden;
	position:relative; }
	
	
#featured-wrap {
	float:left;
	width:420px;
 
  }

	
	#featured-wrap h3 {
    background:url(images/black.png) no-repeat top left;
		height:33px;
		font-family:Arial;
		text-transform:uppercase;
		font-size:10px;
		color:#fff;
		font-weight:400;
		padding:7px 5px 0 10px;
		}

.fimage {
	float:left;
	width:200px; }

#tabs ul {
	text-transform:uppercase;
	position:absolute;
	left:200px; }

#tabs li { float:left; }

	#tabs li a {
		font-family:Arial;
		font-size:10px;
		color:#fff;
		background:#333;
		display:inline;
		float:left;
		height:20px;
		width:72px;
		text-align:center;
		border-right:1px solid #181818;
		padding:10px 0 0; }

		#tabs li a.tabactive {
			background:#181818;
			display:block;
			float:left;
			text-decoration:none; }

.fcontent1, .fcontent2, .fcontent3 {
	float:left;
	width:200px;
	color:#D1D1D0;
	font-size:12px;
	overflow:hidden;
	padding:33px 10px 15px; }

.fcont {
	float:left;
	width:200px;
	color:#D1D1D0;
	font-size:12px;
	overflow:hidden;
	padding:38px 10px 15px;
	height:240px; }

	.fcont a {
		color:#D1D1D0;
		font-weight:700; }

	.fcont h2 a {
		font-family:Georgia;
		color:#D1D1D0;
		font-size:22px;
		font-weight:400;
		padding-bottom:3px; }

	.fcont small {
		font-style:italic;
		line-height:20px;
		margin-bottom:5px;
		font-size:11px; }

.fimage {
	float:left;
	width:200px; }

#recent {
	float:right;
	width:270px; }

	#recent li {
		display:block;
		float:left;
		padding:4px 0 4px 0;
		border-bottom:1px dotted #ccc;
		clear:both;
		width:100%; 
		line-height:normal;}

		#recent li:hover {
			background:#E9E8E8;
			border-bottom:1px dotted #646464; }

	#recent small a {
		font-size:10px;
		font-family:Arial;
		color:#737373;
		text-transform:none; }

	#recent small {
		font-style:italic;
		font-size:10px;
		font-family:Arial;
		color:#737373; }

	#recent h3 {
		background:url(images/black.png) no-repeat top left;
		height:30px;
		font-family:Arial;
		text-transform:uppercase;
		font-size:10px;
		color:#fff;
		font-weight:400;
		padding:7px 5px 0 10px; }

#middle {
	width:670px;
	float:left;
	padding:0 10px 0 0; }

.block {
	font-size:12px;
	color:#444;
	padding:0 0 10px; }

	.block h3 {
		background:url(images/blu.png) no-repeat top left;
		height:33px;
		font-family:Georgia;
		text-transform:uppercase;
		font-size:16px;
		color:#fff;
		font-weight:400;
		padding:3px 5px 0 10px; }

		.block h3 a { color:#fff; }

h3.green { background:url(images/green.png) no-repeat top left; }

h3.black { background:url(images/black.png) no-repeat top left; }

h3.blue { background:url(images/blu.png) no-repeat top left; }

h3.pink { background:url(images/pink.png) no-repeat top left; }

.firstn {
	width:245px;
	float:left;
	font-size:12px;
	line-height:20px;
	color:#444; }

	.firstn h2 {
		font-size:17px;
		font-weight:400;
		font-family:Georgia;
		color:#181818;
		font-style:italic; }

	.firstn small {
		font-style:italic;
		line-height:20px;
		margin-bottom:5px;
		font-size:10px;
		color:#525252; }

	.firstn img {
		float:left;
		width:235px;
		padding:0 5px 5px 0; }

.rightn a {
	font-family:Georgia;
	font-size:16px;
	line-height:normal; }
	
	.rightnp a {
	font-size:16px;
	line-height:normal; }

.rightn p a, .rightnp p a {
	font-weight:700;
	font-size:10px; }

.righthumb { float:left; }

.rightcont {
	float:left;
	width:320px; }

.rightcontp {
	float:left;
	width:520px; 
}

 .rightcontp a { font-weight:700; }

.firstn p a { font-weight:700; }

.bubble {
	background:transparent url(images/bb.png) no-repeat;
	color:#fff;
	float:right;
	height:17px;
	padding-top:0px;
	text-align:center;
	width:19px;
	margin-top:2px;
	margin-left:10px; }

	.bubble a {
		color:#fff;
		font-size:10px;
		font-weight:700;
		font-family:Arial; }

#postsn { width:660px; }

#posts {
	width:660px;
	float:left;
	padding:0 10px 0 0; }

#middlesb {
	width:160px;
	float:left; }

#tab-comments {
	margin:0px;
	padding:0px;
	color:#525252; }

	#tab-comments li {
		overflow:hidden;
		list-style: none;
		line-height:16px;
		padding:0 0 5px 0; }

.tab-comments-avatar { margin:0px 3px 3px 0px; }

.rightnp {
	width:640px;
	float:left;
	font-size:12px;
	color:#444;
	line-height:20px;
	padding:0px 0 2px 0; }

.rightn {
	width:420px;
	float:left;
	font-size:11px;
	color:#444;
	line-height:18px;
	padding:3px 0 2px; }

.rightnp li {
	border-bottom:1px solid #ccc;
	margin-top:10px; }

.rightn img {
	float:left;
	width:90px;
	padding:0 7px 7px 0; }

.rightnp img {
	float:left;
	width:130px;
	padding:0 7px 7px 0; }

.rightn small a, .rightnp small a {
	font-size:10px;
	font-family:Arial;
	color:#737373; }

.rightn small, .rightnp small {
	font-size:10px;
	font-family:Arial;
	color:#737373; }

.rightn li, .rightnp li {
	display:block;
	padding:0 0 10px;
	border-bottom:1px solid #ccc;
	margin-bottom:13px; }

/* =Posts
-------------------------------------------------------------- */
.gallery .gallery-item { float: left; margin: 0 1em 1em 0 }

.attachment { margin: 1em 0 }

.post {
	float:left;
	padding-right:20px;
	font-size:12px;
	line-height:22px;
	color:#444; }

	.post a {
		border-bottom:1px solid #ccc;
		color:#154A7F;
		font-weight:700; }

		.post a:hover {
			border:none;
			text-decoration:none; }

	.post blockquote {
		border-left:3px solid #ccc;
		color:#777;
		font-family:Georgia,"Times New Roman",Times,serif;
		font-size:12px;
		font-style:italic;
		line-height:1.8em;
		padding-left:10px;
		clear:both;
		margin:10px 20px 10px 30px; }

	.post hr {
		height:1px;
		border-bottom:1px solid #ccc;
		border-top:none;
		margin-bottom:5px;
		clear:both; }

	.post h2 {
		font-family:Arial;
		font-size:33px;
		font-weight:700;
		padding-bottom:5px;
		line-height:30px;
		color:#333; }

	.post h3 { font-size:24px; }

	.post h4 { font-size:21px; }

	.post h5 { font-size:18px; }

	.post h6 { font-size:16px; }

	.post h3,h4,h5,h6 {
		color:#333;
		padding-bottom:10px;
		font-weight:700; }

	.post li ol {
		line-height:25px;
		padding-left:10px; }

	.post p { padding:0 0 15px; }

	.post ul li {
		line-height:25px;
		list-style:square; }

	.post small {
		font-size:10px;
		text-transform:uppercase; }

	.post ul li:hover { line-height:25px; }

	.post ul,.post ul,ol { padding:10px 0 20px 20px; }

.aligncenter,div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:5px solid #DDDDDD; }

.alignnone { border:5px solid #DDDDDD; }

.alignleft {
	float:left;
	margin:0 10px 0 0; }

	.alignleft img {
		float:left;
		margin:0 10px 0 0;
		border:5px solid #DDDDDD; }

.alignright {
	float:right;
	margin:10px 0 0 20px; }

	.alignright img {
		float:right;
		margin:10px 10px 5px 10px;
		border:5px solid #DDDDDD; }

.floatleft,#more_left { float:left; }

/* Captions */
.aligncenter, div.aligncenter {
	border:5px solid #DDDDDD;
	display: block;
	margin-left: auto;
	margin-right: auto; }

.wp-caption {
	border: 1px solid #ccc;
	text-align: center;
	background-color: #DCDCDC;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; }

	.wp-caption img {
		margin: 0;
		padding: 5px;
		border: 0 none; }

	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 14px;
		padding: 0 3px 5px;
		margin: 0;
		font-style:italic; }

ul,#socialicons ul { list-style:none; }

#socialicons {
	border-top:2px solid #DAD9D9;
	color:#4c4d50;
	float:left;
	width:650px;
	background:#E4E4E4;
	height:30px;
	margin:10px 0 0;
	padding:0 0 3px; }

	#socialicons img {
		margin-right:5px;
		padding-bottom:3px; }

	#socialicons ul { padding:3px 0 0 20px; }

	#socialicons li {
		border:none;
		display:inline;
		float:left;
		padding-right:19px; }

	#socialicons small {
		color:#4c4d50;
		font-family:arial, "lucida console", sans-serif;
		font-size:10px;
		font-weight:700;
		text-transform:uppercase; }

		#socialicons small a {
			border-bottom:none;
			color:#4c4d50;
			text-decoration:none; }

			#socialicons small a:hover {
				border-bottom:none;
				color:#030a1f; }

		#socialicons small img {
			border:none;
			vertical-align:middle; }

/* Comments
-------------------------------------------------------------- */
.children {
	padding: 0 0 0 40px;
	margin-left:35px; }
.comment-author-admin {
background:url(images/author.jpg) no-repeat top right;
}

.authorcomm {
	float:left;
	margin:0;
	padding:0;
	width:70px;
	text-align:center;
	line-height:12px;
	font-size:13px; }

	.authorcomm a {
		text-decoration:none;
		font-weight:bold; }

.avatar { padding:0 15px 0 0; }

.reply a {
	padding:2px 5px;
	margin-left:55px;
	font-weight:normal;
	text-transform:uppercase;
	background:#333;
	width:50px;
	font-size:9px;
	text-align:center;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:none;
	color:#fff; }

	.reply a:hover {
		background:#CA2B57;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px; }

#respond { float:left; }

#navigation {
	width:100%;
	height:30px;
	float:left; }

.cancel-comment-reply a {
	padding:2px 5px;
	margin-bottom:5px;
	margin-left:55px;
	font-weight:700;
	text-transform:uppercase;
	background:#333;
	font-size:10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:none;
	color:#fff; }

	.cancel-comment-reply a:hover {
		background:#CA2B57;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px; }

.comment-meta  a {
	font-weight:normal;
	border-bottom:none;
	font-size:9px;
	color:#5F5F5F;
	font-style:italic; }

.comment-meta {
	padding-bottom:5px;
	border-bottom:3px solid #ccc;
	margin-left:55px; }

.fn {
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	font-style:normal; }

.says { display:none; }

#comments li {
	width:100%;
	padding:10px 0 10px;
	display:block;
	float:left; }
.commentlist {
	margin: 0px;
	padding: 0px;
	}
	
.commentlist ol {
	margin: 0px;
	padding: 10px;
	}

.commentlist li {
	margin: 5px 0px 0px;
	padding: 5px 5px 0px 0px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	}
	
.comment {
	float:left;
	padding:0px 0 20px;
	font-size:11px; }

	.comment p {
		margin-left:55px;
		line-height:20px;
		padding:0 0 3px 0;
		color:#333; }

body.ie6 #comments li.bgCH {
	background-color:#eee;
	background-image:none; }

.field {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	border:solid 1px #ddd;
	border-top-color:#ccc;
	background:#fff
	letter-spacing:.1em;
	padding:6px; }

#commentform textarea { width:76%; height:130px; }

#submit,.submit,label { cursor:pointer; }

#commentform label {
	padding-left:24px;
	font-weight:900; }

	#commentform label span,#comments .chead p.date { color:#999; }

.btn {
	display:block;
	width:140px;
	height:40px;
	margin-left:-20px;
	line-height:normal;
	text-align:center;
	color:#e1e1e1;
	font-size:10px;
	text-transform:uppercase;
	font-weight:700;
	background:transparent url('images/btns-a00.png') no-repeat left top; }

	.btn:hover {
		text-decoration:none;
		background-position:left bottom; }

	.btn:active { color:#888; }

input.btn { border:none; }

#commentform .btn { background-position:right top; }

	#commentform .btn:hover { background-position:right bottom; }

#comments {
	float:left;
	margin-top:40px;
	width:640px; }

#respond {
	margin-top:0px;
	float:left; }
	
	#respond:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
	}

#comments li h3 {
	margin-top:15px;
	margin-left:55px;
	font-size:16px; }

.avatar { float:left; }

.comtext {
	font-size:11px;
	float:left;
	padding-left:8px;
	width:590px; }

	.comtext small {
		display:block;
		font-weight:400;
		font-style:normal;
		border-bottom:2px solid #ccc; }

/* =Sidebar
-------------------------------------------------------------- */
#sidebar {
  float:left;
	width:300px; }
	
	#sidebar .widget {
	 color:#333;
	 }

#sidebar_left {
	float:left;
	width:145px;
	padding-right:10px; }

#sidebar_right {
	float:left;
	width:145px; }

#flickr { float:left; width:100%; }
 
	#flickr a {
		display:block;
		float:left;
		text-align:left;
		width:68px;
		padding:0 6px 5px 0; }

	#flickr img {
		border:2px solid #D3DDE5;
		height:65px;
		width:65px;
		padding:0; }
		 
		#flickr img:hover { border:2px solid #0C2B41; }

/* =Forms
-------------------------------------------------------------- */
fieldset,img { border:0; }

#search {
	float:right;
	font-size:10px;
	color:#fff;
	height:20px;
	padding:8px 10px 0 0; }

#searchform {
	background:url(images/search.png) no-repeat;
	width:92px;
	height:15px; }

	#searchform label,#searchform .submit { display:none; }

#se {
	background:none;
	border:0;
	height:15px;
	width:80px;
	margin:1px 16px 0 0;
	padding:0 15px 0 5px;
	color:#656668; }

#searchform input:focus { border:0; }

input, textarea, text {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	border:solid 1px #ddd;
	border-top-color:#ccc;
	background:#fff url('images/bg-form0.png') repeat-x left 1px;
	padding:6px; }
	
	 textarea{
	height:150px; }

/* =WP-PageNavi
-------------------------------------------------------------- */
.wp-pagenavi {
	font-size: 10px;
	margin-top:10px;
	text-align: center;
	padding-top:10px; }

	.wp-pagenavi .current, .wp-pagenavi a:link, .wp-pagenavi a:visited {
		padding:2px 4px 2px 4px;
		text-decoration: none;
		margin: 0 0.3em;
		font-weight:700;
		font-size:11px; }

	.wp-pagenavi .current {
		background:#263B51;
		color:#ccc;
		font-weight:700; }

	.wp-pagenavi a:hover { border:1px solid #263B51; }

/* =Footer
-------------------------------------------------------------- */
#footer {
	background:#1D1C1C url(images/bgf.jpg) repeat-x;
	border-top:1px solid #fff;
	padding-top:3px;
	margin:20px 0 0; }

#fside {
	float:left;
	width:100%;
	padding:0 0 20px; }

#copyright {
	background:#3c3c3c;
	color:#C4C4C4;
	line-height:19px;
	font-size:11px;
	border-top:1px solid #525252;
	text-align:center;
	padding:20px 45px 30px 20px; }

	#copyright a {
		color:#c4c4c4;
		border-bottom:1px dotted #ccc; }

		#copyright a:hover {
			color:#c4c4c4;
			border-bottom:none;
			text-decoration:none; }

.footer-wrap {
	width:980px;
	margin:0 auto; }

#footer .widget {
	width:200px;
	float:left;
	color:#C4C4C4;
	line-height:19px;
	font-size:11px;
	padding:5px 45px 0 0; }

	#footer .widget ul { padding:0 0 0 15px; }

	#footer .widget a { color:#c4c4c4; }

	#footer .widget h3 {
		background:none;
		height:22px;
		font-family:Georgia;
		text-transform:uppercase;
		font-size:15px;
		color:#aeaeae;
		font-weight:400;
		margin-bottom:10px;
		border-bottom:1px solid #595959;
		padding:7px 5px 0 10px; }

/* Calendar */
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }

#wp-calendar a { text-decoration: none; }

#wp-calendar caption {
	font-weight:bold;
	text-align: center; }

#wp-calendar th {
	font-style:normal;
	font-weight:normal;
	text-transform: capitalize; }

#wp-calendar {
	empty-cells: hide;
	width: 200px; }

	#wp-calendar #next a {
		padding-right: 10px;
		text-align: right; }

	#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left; }

	#wp-calendar a {
		display: block;
		background-color:#D3CFBE; }

	#wp-calendar #today { background-color:#BDC6D5; }

	#wp-calendar caption {
		text-align: center;
		width: 100%; }

	#wp-calendar td {
		text-align: center;
		background-color:#EAE8DF; }

	#wp-calendar .pad { background-color:#F5F4F1; }

/* Search Highlighter */
.hilite, .hilite1, .hilite2, .hilite3, .hilite4, .hilite5, .hilite6, .hilite7,
.hilite8, .hilite9 {
	background-color: #FDEC35;
	border-bottom-color: white;
	border-bottom-style: dotted;
	border-bottom-width: 1px; }

#highlight_info {
	left:0px;
	z-index:-50;
	width:2px;
	height:2px;
	bottom:1px; }
index.php

Код: 
<?php get_header(); ?>

<?php if ( $paged < 2) { ?>
<?php	include(TEMPLATEPATH . '/featured.php'); ?> <!-- calling featured section-->

 	  <div id="middle">
		
 <?php	$zk_categories = get_categories('hide_empty=0');
			while (have_posts()) : the_post(); 
		?>
	  <?php endwhile; ?>
  
<?php 

$zk_boxColor[] = "green";
$zk_boxColor[] = "blue";
$zk_boxColor[] = "black";
$zk_boxColor[] = "pink";

$zk_currentColor = -1;

$postcat = get_settings( "zk_homecat" );

if( ! is_array( $postcat ) ) {
	foreach ( $zk_categories as $b ) {
		$postcat[] = $b->cat_ID;
	}	
}

$zk_baseURL = get_bloginfo('url');

forEach( $postcat as $zk_pC ) {

	$zk_currentColor ++;
	if( $zk_currentColor >= count( $zk_boxColor ) ) { $zk_currentColor = 0; }
	
	$catDetails = zk_catProperties( $zk_pC );	
	
query_posts('showposts=4&cat=' . $zk_pC ); ?>
	
	 <div class="block">
	<h3 class="<?php echo $zk_boxColor[ $zk_currentColor ]; ?>"><a href="<?php echo get_category_link( $catDetails->cat_ID ); ?>"><?php echo $catDetails->cat_name ?>»</a></h3>
	
		<?php
		$count = 0;
		while (have_posts()) {
		
			the_post();
			 	
			if( $count == 0 ) { ?>
			
				 <div class="firstn">
				
				<a href="<?php echo get_permalink($_post->ID); ?>"><?php echo catch_that_image (get_the_id(), '', '', '' .get_bloginfo('template_url') .'/scripts/timthumb.php?zc=1&w=235&h=140&src='); ?></a>
		  		<h2><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
		 	 
					<small><?php the_time('F jS, Y') ?> at <?php the_time('h:m a') ?></small>
					
				<?php the_content_limit(170, ''); ?>
				
				</div>
				 		
					 <div class="rightn">
            <ul>
				<?php 
			} else { 
				?>
				
	  			<li><div class="righthumb"><a href="<?php echo get_permalink($_post->ID); ?>"><?php echo catch_that_image (get_the_id(), '', '', '' .get_bloginfo('template_url') .'/scripts/timthumb.php?zc=1&w=90&h=70&src='); ?></a></div> <div class="rightcont"><div class="bubble"><?php comments_popup_link('0', '1', '%'); ?></div><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a> <?php the_content_limit(110, ''); ?><small>by <?php the_author_posts_link(); ?> at <?php the_time('F jS, Y') ?> at <?php the_time('h:m a') ?></small></div><div style="clear:both;"></div>  </li>	
				<?php	
			}
				?>
				 
				<?php
				
			$count ++;
		}
		
		if( $count > 0 ) { echo "</ul>"; }
		?>
 
                </ul>
              </div>
          <div style="clear:both;"></div>
  </div> <!-- end block -->
 
<?php } ?> 
<?php wp_reset_query(); ?>	
 
<?php } ?>
 
<?php get_sidebar(); ?>
<?php get_footer(); ?>
 
R

resono

Новичок
Регистрация
09.04.2010
Сообщения
3
Слушай, почему у тебя заглавия тем и строка меню на странице history-kazan.ru практически сливаются с фоном?
 
Felix

Felix

Друг форума
Регистрация
20.06.2009
Сообщения
1 097
Что именно разезжается? Покажи скрин! У меня всё нормально выглидит!
 
Статус
Закрыто для дальнейших ответов.

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

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

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

Темы
10 932
Сообщения
64 048
Пользователи
12 694
Новый пользователь
Digital Caramel

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

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

Верх Низ