За последние 24 часа нас посетили 18119 программистов и 1669 роботов. Сейчас ищут 2247 программистов ...

Проблема с отображением сайта на php в IE, На HTML+CSS все р

Тема в разделе "HTML и CSS", создана пользователем egal84, 28 окт 2010.

  1. egal84

    egal84 Активный пользователь

    С нами с:
    28 окт 2010
    Сообщения:
    4
    Симпатии:
    0
    Сайт сверстан у меня на HTML+CSS и написан на php, и тестируется на локальном компе под связкой Apache+php+MySQL. Сайт на HTML+CSS отлично и полноценно загружается и в Opera, и Moziilla и IE любой версии. Этот же сайт на php так же отлично работает в Opera и Moziilla, но в IE всех версий выравнивается по левому краю окна браузера! Не могу понять, в чем проблема!!!!
    Добавление конструкции <body><div align="center">...</>div><body> помогает, но тогда подвал сайта перестает прижиматься к низу окна браузера (страницы).     :!:

    Вот код после обработки php-интерпретатором, который выдает браузер:

    HTML:
    1. <!-- header -->
    2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    3. <html xmlns="http://www.w3.org/1999/xhtml">
    5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    6. <meta name="Description" content="ляп-ляп-ляп." /><meta name="Keywords" content="ляп-ляп-ляп." />
    7. <title>ляп-ляп-ляп - Главная страница</title>
    8. <link href="style.css" rel="stylesheet" type="text/css" />
    9. <!--[if lt IE 7]>
    10. <script src="_notes/DD_belatedPNG.js"></script>
    11. <script>
    12. DD_belatedPNG.fix('.png_bg, img');
    13. </script>
    14. <![endif]-->
    15. </head>
    16.  
    18.  
    19. <div id="wrapper">
    20.  
    21. <div id="header">
    22.  
    23. <div id="logo"><a href="index.php"><img src="images/logo.png" alt="Главная страница" title="Главная страница" /></a></div>
    24. </div><!--end header-->
    25.  
    26. <div id="middle">
    27. <div id="sidebar_left">
    28. <ul >
    29. <li class='first_point'>Главная</li> <li><a href=service.php>Наши услуги</a></li> <li><a href=cost.php>стоимость услуг</a></li> <li><a href=fotos.php>ляп-ляп-ляп</a></li> <li><a href=making.php>ляп-ляп-ляп</a></li> <li><a href=find.php>как нас найти</a></li> <li><a href=comments.php>Отзывы<br />и пожелания</a></li> </ul>
    30.  
    31. </div>
    32. <!-- end header -->
    33.  
    34. <!-- mainblock -->
    35. <div id="content">
    36. <div id="cont">
    37. <p>ляп-ляп-ляп</p>
    38. </div><!--end cont-->
    39. </div><!--end content-->
    40.  
    41. <div class="empty">&nbsp;</div>
    42. </div><!--end middle-->
    43. </div><!--end wrapper-->
    44. <!-- end mainblock -->
    45. <!-- footer-->
    46. <div id="footer">
    47. <p class="copy"><a href="/"><img src="images/copyright.png" alt=""/></a></p>
    48. </div>
    49. <!--end footer-->
    50.  
    51. </body>
    52.  
    53. </html>
    54.  
    А ВОТ ФАЙЛ СТИЛЯ:
    [css]
    * {
    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;
    }[/css]

    Вот файл index.php

    PHP:
    1. <?php?>
    2. <?php
    3. $pagename="index";
    4. ?>
    5. <?php
    6. $title="Главная страница";
    7. include("header.php");
    8. ?>
    9. <!-- mainblock -->
    10.          <div id="content">
    11.               <div id="cont">
    12.                    <p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </span></p>
    13.               </div><!--end cont-->
    14.          </div><!--end content-->
    15.                 <div class="empty"> </div>
    16.           </div><!--end middle-->
    17.       </div><!--end wrapper-->
    18.   <!-- end mainblock -->
    19.   <?php
    20.   include("footer.php");
    21.   ?>


    Вот файл header.php

    PHP:
    1.   <?php?>
    2.   <!-- header -->
    3.   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    4.   <html xmlns="http://www.w3.org/1999/xhtml">
    5.   <head>
    6.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    7.   <meta name="Description" content="поможет запечатлеть все лучшие моменты и радости Вашей жизни. " /><meta name="Keywords" content="" />
    8.   <title><?php echo $title ?></title>
    9.   <link href="style.css" rel="stylesheet" type="text/css" />
    10.   <!--[if lt IE 7]>
    11.   <script src="_notes/DD_belatedPNG.js"></script>
    12.   <script>
    13.     DD_belatedPNG.fix('.png_bg, img');
    14.   </script>
    15.   <![endif]-->
    16.   </head>
    17.  
    18.   <body>
    19.  
    20.       <div id="wrapper">
    21.      
    22.           <div id="header">
    23.               <div id="logo"><a href="index.php"><img src="images/logo.png" alt="Главная страница" title="Главная страница" /></a></div>
    24.           </div><!--end header-->
    25.          
    26.           <div id="middle">
    27.               <div id="sidebar_left">
    28.                     <ul >
    29.                       <?php
    30.                           if ($pagename=="index")
    31.                           {
    32.                               echo"<li class='first_point'>Главная</li>";
    33.                           }
    34.                           else
    35.                           {
    36.                               echo"<li class='first_point'><a href=index.php>Главная</a></li>";
    37.                           }
    38.                       ?>
    39.                         <?php
    40.                           if ($pagename=="service")
    41.                           {
    42.                               echo"<li>Наши услуги</li>";
    43.                           }
    44.                           else
    45.                           {
    46.                               echo"<li><a href=service.php>Наши услуги</a></li>";
    47.                           }
    48.                       ?>
    49.                       <?php
    50.                           if ($pagename=="cost")
    51.                           {
    52.                               echo"<li>стоимость услуг</li>";
    53.                           }
    54.                           else
    55.                           {
    56.                               echo"<li><a href=cost.php>стоимость услуг</a></li>";
    57.                           }
    58.                       ?>
    59.                       <?php
    60.                           if ($pagename=="fotos")
    61.                           {
    62.                               echo"<li>Н</li>";
    63.                           }
    64.                           else
    65.                           {
    66.                               echo"<li><a href=fotos.php>Н</a></li>";
    67.                           }
    68.                       ?>
    69.                       <?php
    70.                           if ($pagename=="making")
    71.                           {
    72.                               echo"<li>З</li>";
    73.                           }
    74.                           else
    75.                           {
    76.                               echo"<li><a href=making.php>З</a></li>";
    77.                           }
    78.                       ?>
    79.                       <?php
    80.                           if ($pagename=="find")
    81.                           {
    82.                               echo"<li>как нас найти</li>";
    83.                           }
    84.                           else
    85.                           {
    86.                               echo"<li><a href=find.php>как нас найти</a></li>";
    87.                           }
    88.                       ?>
    89.                       <?php
    90.                           if ($pagename=="comments")
    91.                           {
    92.                               echo"<li>Отзывы<br />и пожелания</li>";
    93.                           }
    94.                           else
    95.                           {
    96.                               echo"<li><a href=comments.php>Отзывы<br />и пожелания</a></li>";
    97.                           }
    98.                       ?>
    99.                   </ul>
    100.               </div>
    101.   <!-- end header -->


    Вот footer.php

    PHP:

    PHP:
    1. <?php?>
    2.   <!-- footer-->
    3.       <div id="footer">
    4.           <p class="copy"><a href="/"><img src="images/copyright.png" alt=""/></a></p>
    5.       </div>
    6.   <!--end footer-->
    7.      
    8.   </body>
    9.   </html>
     
    #1 egal84, 28 окт 2010
  2. VItalijs

    VItalijs Активный пользователь

    С нами с:
    17 дек 2008
    Сообщения:
    244
    Симпатии:
    0
    Адрес:
    Рига, Латвия
    php тут не при чем, он на стороне сервера выполняется, браузер о нем ничего не знает. видимо есть разница между вашими сайтами на "html + css" и "html+css+php".
    а такой код никто смотреть не будет, отформатируйте нормально.
     
    #2 VItalijs, 29 окт 2010
  3. egal84

    egal84 Активный пользователь

    С нами с:
    28 окт 2010
    Сообщения:
    4
    Симпатии:
    0
    Вот, я отформатировал код.
     
    #3 egal84, 1 ноя 2010
  4. VItalijs

    VItalijs Активный пользователь

    С нами с:
    17 дек 2008
    Сообщения:
    244
    Симпатии:
    0
    Адрес:
    Рига, Латвия
    не заметил разницы в отображении между chrome и IE8.
     
    #4 VItalijs, 1 ноя 2010
  5. egal84

    egal84 Активный пользователь

    С нами с:
    28 окт 2010
    Сообщения:
    4
    Симпатии:
    0
    Т.е. отображаются одинаково и сайт выравнивается по левому краю? А что это может значит? В Опере и Мозилле все нормально. Что, какие-то стили не читаются в chrome и IE?
     
    #5 egal84, 1 ноя 2010
  6. egal84

    egal84 Активный пользователь

    С нами с:
    28 окт 2010
    Сообщения:
    4
    Симпатии:
    0
    А у меня в chrome отобразился отлично, как и в Опере и Мозилле!
     
    #6 egal84, 1 ноя 2010
(Вы должны войти или зарегистрироваться, чтобы разместить сообщение.)