Форум PHP программистов > Проблема с отображением сайта на php в IE

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Проблема с отображением сайта на php в IE

egal84

21.10.2010 - 23:04

Сайт сверстан у меня на HTML+CSS и написан на php, и тестируется на локальном компе под связкой Apache+php+MySQL. Сайт на HTML+CSS отлично и полноценно загружается и в Opera, и Moziilla и IE любой версии. Этот же сайт на php так же отлично работает в Opera и Moziilla, но в IE всех версий выравнивается по левому краю окна браузера!

Не могу понять, в чем проблема!!!!

Вот файл index.php

 <?php?>
  <?php
  $pagename="index";
  ?>
  <?php
  $title="Главная страница";
  include("header.php");
  ?>
  <!-- mainblock -->
          <div id="content">
                <div id="cont">
                    <p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </span></p>
                </div><!--end cont-->
          </div><!--end content-->
                  <div class="empty"> </div>
            </div><!--end middle-->
        </div><!--end wrapper-->
    <!-- end mainblock -->
    <?php
    include("footer.php");
    ?>

Вот файл header.php

 <?php?>
    <!-- header -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Description" content="поможет запечатлеть все лучшие моменты и радости Вашей жизни. " /><meta name="Keywords" content="" />
    <title><?php echo $title ?></title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <!--[if lt IE 7]>
    <script src="_notes/DD_belatedPNG.js"></script>
    <script>
      DD_belatedPNG.fix('.png_bg, img');
    </script>
    <![endif]-->
    </head>
  
    <body>
  
        <div id="wrapper">
     
            <div id="header">
                <div id="logo"><a href="index.php"><img src="images/logo.png" alt="Главная страница" title="Главная страница" /></a></div>
            </div><!--end header-->
         
            <div id="middle">
                <div id="sidebar_left">
                      <ul >
                        <?php
                            if ($pagename=="index")
                            {
                                echo"<li class='first_point'>Главная</li>";
                            }
                            else
                            {
                                echo"<li class='first_point'><a href=index.php>Главная</a></li>";
                            }
                        ?>
                          <?php
                            if ($pagename=="service")
                            {
                                echo"<li>Наши услуги</li>";
                            }
                            else
                            {
                                echo"<li><a href=service.php>Наши услуги</a></li>";
                            }
                        ?>
                        <?php
                            if ($pagename=="cost")
                            {
                                echo"<li>стоимость услуг</li>";
                            }
                            else
                            {
                                echo"<li><a href=cost.php>стоимость услуг</a></li>";
                            }
                        ?>
                        <?php
                            if ($pagename=="fotos")
                            {
                                echo"<li>Н</li>";
                            }
                            else
                            {
                                echo"<li><a href=fotos.php>Н</a></li>";
                            }
                        ?>
                        <?php
                            if ($pagename=="making")
                            {
                                echo"<li>З</li>";
                            }
                            else
                            {
                                echo"<li><a href=making.php>З</a></li>";
                            }
                        ?>
                        <?php
                            if ($pagename=="find")
                            {
                                echo"<li>как нас найти</li>";
                            }
                            else
                            {
                                echo"<li><a href=find.php>как нас найти</a></li>";
                            }
                        ?>
                        <?php
                            if ($pagename=="comments")
                            {
                                echo"<li>Отзывы<br />и пожелания</li>";
                            }
                            else
                            {
                                echo"<li><a href=comments.php>Отзывы<br />и пожелания</a></li>";
                            }
                        ?>
                    </ul>
                </div>
    <!-- end header -->

Вот footer.php

 <?php?>
    <!-- footer-->
        <div id="footer">
           <p class="copy"><a href="/"><img src="images/copyright.png" alt=""/></a></p>
        </div>
    <!--end footer-->
     
    </body>
    </html>

А ВОТ ФАЙЛ СТИЛЯ:

* {
margin:0;
padding:0;
}
a, a:visited {
text-decoration:none;
color:#000;
outline:none;
}
a:hover {
color:#e75c00;
text-decoration:underline;
}
a:active {
color: #e18a4f;
}
img {
border:none;
}
html {
height:100%;
}
body {
height:100%;
background-color:#dfc598;
background-image:url(images/outline.png);
background-repeat:repeat-y;
background-position:center;
}
#wrapper {
width:947px;
margin:0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
background:#FFF;
}

/*Header
-----------------------------------------------------------------------------*/
#header {
height:192px;
background:url(images/header.png) no-repeat #FFF;
}
#logo {
width:170px;
height:128px;
position:relative;
top:7px;
left:23px;
}

/* Middle
-----------------------------------------------------------------------------*/
#middle {
height:1%;
padding:0 0 81px;
}
/* Sidebar----------*/
#sidebar_left {
width:199px;
height:398px;
background:url(images/sidebar.gif) no-repeat;
float:left;
overflow:hidden;
position:relative;
top:-51px;
}
#sidebar_left ul {
position:relative;
left:30px;
top:25px;
text-transform:uppercase;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:bold;
font-size:14px;
list-style-type:none;
list-style-image:url(images/point.png);
}
#sidebar_left .first_point {
position:relative;
left:33px;
top:px;
}
#sidebar_left li {
padding:5px 0px;
}
/* Content----------*/
#content{
width:748px;
float:left;
}
#cont {
width:95%;
text-align:justify;
margin:0 auto;
overflow:hidden;
padding:2% 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14pt;
}
.big {
display:block;
font-size:20pt;
font-weight:bold;
color:#AD6719;
text-align: center;
margin-top:20px;
}
.empty {
clear:both;
visibility:hidden;
height:5px;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
width:947px;
height:81px;
margin: -81px auto 0;
background:url(images/footer.png);
}
.copy {
position:relative;
top:50px;
left:250px;
}

Спустя 10 часов, 30 минут, 13 секунд (22.10.2010 - 08:34) linker написал(а):

Оффтоп, не смог не пропустить. Я всегда думал, что пишут на PHP, а верстают на HTML+CSS.

Ну хотя б скриншот чтоль прикрутил, как надо, а как есть и кусок кода выложил бы.

Спустя 1 минута, 12 секунд (22.10.2010 - 08:35) Basili4 написал(а):

egal84
Печально. Поскольку телепаты в отпуске возьмусь их заменить.

Возможная причина не видятся какие то стили.

Спустя 2 часа, 22 минуты, 1 секунда (22.10.2010 - 10:57) Michael написал(а):

Все просто: ваш верстальщик php должен применить в таком случае php-хак.

Например, в конце файлов php если стоят, поубирать закрывающие теги ?> .

Спустя 13 часов, 36 минут, 6 секунд (23.10.2010 - 00:33) egal84 написал(а):

Цитата (Michael @ 22.10.2010 - 07:57)

Например, в конце файлов php если стоят, поубирать закрывающие теги ?> .

Я так сделал в файле index.php и результат остался таким же. В других файлах (header.php, footer.php) так делать нельзя, потому что выдает синтаксическую ошибку.

Спустя 1 час, 57 минут, 30 секунд (23.10.2010 - 02:31) egal84 написал(а):

Цитата (linker @ 22.10.2010 - 05:34)

Скриншот и код ниже...

Спустя 6 часов, 38 минут, 53 секунды (23.10.2010 - 09:10) htaccess написал(а):

PHP только генерирует выходящий код, проблема с браузером IE, а не с кодом PHP. Хотя надо смотреть выходящий код, вдруг там ещё хтмл ошибки)

Спустя 5 часов, 37 минут, 52 секунды (23.10.2010 - 14:47) inpost написал(а):

В ИЕ проблем нету, есть проблемы в том, что пишут: <div>lala</div> вместо правильного: <div align="center">lala</div>.
Отображает браузер полученный код HTML+CSS. Лучше всего открыть код страницы (В ие называется "источник") и посмотреть, где именно ты забыл прописать align=center. Этот же источник сюда сбрось, я не люблю открывать чужие архивы.
У тебя верстка 100% или по центру стоит? Если по центру, то делаешь через 2 дива: <div align="center"><div style="width:1000px;">

Спустя 7 часов, 55 минут, 49 секунд (23.10.2010 - 22:43) egal84 написал(а):

Цитата (inpost @ 23.10.2010 - 11:47)

Я попробовал сделать так, как Вы советуете. Выравнять в IE по центру получается, но тогда рушиться структура сайта: подвал перестает прижиматься к низу окна браузер.

Спустя 3 минуты, 41 секунда (23.10.2010 - 22:47) egal84 написал(а):

Цитата (inpost @ 23.10.2010 - 11:47)

Спустя 1 минута, 11 секунд (23.10.2010 - 22:48) egal84 написал(а):

Цитата (inpost @ 23.10.2010 - 11:47)

Спустя 5 минут, 28 секунд (23.10.2010 - 22:54) egal84 написал(а):

Цитата (linker @ 22.10.2010 - 05:34)

Прикладываю скриншот. Код веб-страницы - ниже.

Спустя 8 минут, 29 секунд (23.10.2010 - 23:02) egal84 написал(а):

ааа

Спустя 54 минуты, 31 секунда (23.10.2010 - 23:57) inpost написал(а):

egal84
Извини, либо выстави ХТМЛ код страницы сюда, который браузер выдает, либо лично я не помогу тебе.
+ я не понял, какая вообще проблема у тебя... ты можешь на хостинг выставить сайт, я бы его посмотрел!!!

Спустя 21 час, 8 минут (24.10.2010 - 21:05) egal84 написал(а):

удалено...

Спустя 6 минут, 34 секунды (24.10.2010 - 21:11) egal84 написал(а):

Цитата (Basili4 @ 22.10.2010 - 05:35)

Со стилями все нормально. Потому что сайт в виде html-страницы читается во всех основных браузерах без проблем и как нужно, даже в IE всех версий.

Спустя 11 часов, 33 минуты, 2 секунды (25.10.2010 - 08:44) linker написал(а):

Как вариант

#wrapper {
width:100%;
margin:0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
background:#FFF;
}

Спустя 12 часов, 29 минут, 27 секунд (25.10.2010 - 21:14) egal84 написал(а):

Цитата (linker @ 25.10.2010 - 05:44)

Как вариант

#wrapper {
width:100%;
margin:0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
background:#FFF;
}

Да-да, у меня все именно так и записано в css. Но результат при обработке интерпертатором php и при отображении страницы именно в IE (любой версии) такое, как я показал на скриншоте. Спасибо за участие.

Спустя 2 дня, 2 часа, 22 минуты, 58 секунд (27.10.2010 - 23:37) inpost написал(а):

В самом начале напиши: <body><div align="center"> (то есть добавь ещё один див общий.)
И в самом конце </div></body> (закрой этот див). Теперь полностью весь сайт будет по центру. Все это тело

Спустя 18 часов, 21 минута, 48 секунд (28.10.2010 - 17:58) egal84 написал(а):

Цитата (inpost @ 27.10.2010 - 20:37)

Это работает, но тогда подвал сайта не прижимается к низу страницы!!! Получается, одно лечим, другое калечим! )))

Спустя 4 дня, 2 часа, 29 минут, 43 секунды (2.11.2010 - 21:28) htaccess написал(а):

Проверьте : http://validator.w3.org/
Это валидатор хтмл кода, всегда им пользуюсь.

Спустя 2 минуты, 25 секунд (2.11.2010 - 21:31) egal84 написал(а):

Цитата (htaccess @ 2.11.2010 - 18:28)

Проверьте : http://validator.w3.org/
Это валидатор хтмл кода, всегда им пользуюсь.

Спасибо. Проверю.

Быстрый ответ:

Здесь расположена полная версия этой страницы.