Вот уже который день сижу над хаблоном, но все никак не могу понять в чем дело.
Проблема в том, что есть файл хеадер (в котором есть шапка сайта соответствено).
В шаблон пейдж подключаю функцыей <?php get_header (); ?> и вот тут начинаются чудеса – в IE шаблош сьежает в лево и перестаёт роботать :hover, в Opera верхнее меню заежат на контент страницы.
Что интерестное, если код из хеадер вставить вместо <?php get_header (); ?>, то все роботает отлично.
Вот код хеадер:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html <?php language_attributes(); ?>>
<head>
<title>Karera</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/style.css" />
</head>
<?php wp_head();?>
<body>
<!-- BEGIN wrapper -->
<div id="wrapper">
<!-- BEGIN head -->
<div id="head">
<div id="top">
<div class="inform">
<div class="logo"><a href="#"><img src="<?php bloginfo('stylesheet_directory'); ?>/img/logo.png"></a></div>
<div class="slogan">все что ни делается <spam class="my">- все нами ;)</spam></div>
<div class="cont"><spam class="my-cont">Тел:</spam> (044)236-69-36, 236-99-77 <br />
<spam class="my-cont">Email:</spam> info@kerera.com </div>
</div>
<!-- END inform -->
<!-- BEGIN nav -->
<div id="nav">
<ul>
<li <? if($_SERVER['REQUEST_URI']=='/wp/?page_id=103'):?>id="active"<? endif?>><a href="/wp/?page_id=103">Главная</a></li>
<li <? if($_SERVER['REQUEST_URI']=='/wp/?page_id=105'):?>id="active"<? endif?>><a href="/wp/?page_id=105"><span>О компании</span></a></li>
<li <? if($_SERVER['REQUEST_URI']=='/wp/#'):?>id="active"<? endif?>><a href="/wp/#"><span>Новости</span></a></li>
<li <? if($_SERVER['REQUEST_URI']=='/wp/?page_id=107'):?>id="active"<? endif?>><a href="/wp/?page_id=107"><span>Услуги</span></a></li>
<li <? if($_SERVER['REQUEST_URI']=='/wp/?page_id=2'):?>id="active"<? endif?>><a href="/wp/?page_id=2"><span>Заказчики</span></a></li>
<li <? if($_SERVER['REQUEST_URI']=='/wp/#'):?>id="active"<? endif?>><a href="/wp/#"><span>Цены</span></a></li>
<li <? if($_SERVER['REQUEST_URI']=='/wp/?page_id=109'):?>id="active"<? endif?>><a href="/wp/?page_id=109"><span>Инвесторам</span></a></li>
<li class="hov"<? if($_SERVER['REQUEST_URI']=='/wp/?page_id=112'):?>id="active"<? endif?>><a href="/wp/?page_id=112"><span>Курсы ремонта</span></a></li>
<li <? if($_SERVER['REQUEST_URI']=='/wp/#'):?>id="active"<? endif?>><a href="/wp/#"><span>Контакти</span></a></li>
</ul>
</div>
<!-- END nav -->
</div>
<!-- END top -->
</div>
<!-- END head -->
<div id="clear"></div>Код пейдж:
<?php
/*
Template Name: О компании
*/
?>
<?php get_header(); ?>
<!-- BEGIN slide-company -->
<div id="slide">
<div id="mess">
<p>Фирма КАРЕРА</p>
</div>
<div class="slide-company">
<img src="<?php bloginfo('stylesheet_directory'); ?>/img/slide-company.jpg">
</div>
</div>
<!-- END slide-company -->
<div id="pageWrapper">
<?php get_sidebar(); ?>
<?php while ( have_posts() ) : the_post(); ?>
<div id="page">
<div class="page-text">
<?php
ob_start();
the_content();
$contents = ob_get_clean();
echo preg_replace(array('/<\/h6/','/<h6/','/<\/h5/','/<h5/','/<(\/)*h4/','/<(\/)*h3/','/<(\/)*h2/','/<(\/)*h1/'),array('</div','<div class="h8"','</div','<div class="h7"','<$1h6','<$1h5','<$1h4','<$1h3'),$contents);
?>
</div>
<?php edit_post_link( __( 'Редактировать',''), '<div class="page-edit">', '</div>' ); ?>
</div>
<?php endwhile; ?>
<div id="clear"></div>
<?php get_footer(); ?>И стили хеадер:
*{
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}
body {
background: #3c3c3c;
font-family: Century Gothic;
margin: 0;
padding: 0;
}
#wrapper {
background: #fff;
width: 1024px;
margin: 0 auto;
padding: 0;
}
/* Top */
#head {
margin: 0;
padding: 0;
width: 100%;
height: 186px;
}
#head #top{
width: 100%;
height: 171px;
padding-top: 15px;
}
#head #top .inform div{
display: inline;
}
#head #top .inform .logo{
width: 163;
height: 121px;
padding-left: 25px;
}
#head #top .inform .info{
width: 750px;
padding-left: 20px;
}
#head #top .slogan{
text-transform: uppercase;
font-size: 20px;
}
#head #top .slogan .my {
color: #2e8fc7;
}
#head #top .cont {
padding: 95px 40px 0 0;
float: right;
font-size: 12px;
}
#head #top .cont .my-cont {
color:#2e8fc7;
}
/* Top navigation */
#head #nav{
width: 100%;
height: 35px;
padding-top: 9px;
clear: both;
}
#head #nav ul {
background: #717171;
width: 994px;
height: 30px;
padding: 6px 0 0 30px;
}
#head #nav ul li {
height: 30px;
display: inline;
text-decoration: none;
list-style-type: none;
margin: 0;
padding: 5px 10px 10px 10px;
}
#head #nav ul li:hover {
background: #2e8fc7;
height: 30px;
padding: 5px 10px 10px 10px;
text-decoration: none;
list-style-type: none;
}
#head #nav ul li a{
text-decoration: none;
list-style-type: none;
color: #fff;
font-weight: bold;
height: 30px;
}
#active{
background: #2e8fc7;
height: 30px;
padding: 5px 10px 10px 10px;
text-decoration: none;
list-style-type: none;
}
#head #nav .hov {
background: #3c3c3c url("img/cursi.png") no-repeat;
height: 30px;
padding-left: 45px;
text-decoration: none;
list-style-type: none;
}
#head #nav .hov:hover {
background: #2e8fc7 url("img/cursi.png") no-repeat;
height: 30px;
padding-left: 45px;
display: inline;
text-decoration: none;
list-style-type: none;
}Посмотрите кто может, пожалуйста ..
Похоже на BOM.
Да именно ето и было… Огромное спасибо…. Ато я уже 3 дня голову ломал, а оказалось всьо очень просто…
Спасибо Огромное….