Может кто-нибудь просмотреть эту страницу в IE 6/7/8 и сказать мне, почему она так плохо работает? - PullRequest
Новая
       2

Может кто-нибудь просмотреть эту страницу в IE 6/7/8 и сказать мне, почему она так плохо работает?

1 голос
/ 19 января 2011

http://iamwhitebox.com/staging/arkitek/index.php#press.htm

Я думаю, что это просто ошибка с плавающей запятой / маржа, но я не смог ее точно определить

?? 

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
    <title>Arkitek Studios | Press</title> 
    <link rel='stylesheet' type='text/css' href='css/core.css' />
<style>
    article, aside, details, figcaption, figure, footer, header,
    hgroup, menu, nav, section { display: block; }
    </style> 
<!--[if IE]>
      <script src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script>
    <![endif]-->
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script> <script type='text/javascript' src='js/dynamicpage.js'></script> 
</head>
<body>
<?php
    include_once 'includes/header.inc';
?>
<div id='guts'>
    <section id='page'>
        <div class='leftfloat logoPress'></div>     
        <article class='rightfloat'>
            <img style='padding-top:12px;' src='img/img1.jpg' alt='#'>
        </article>
    <div style='padding-top:75px;'>
        <article style='width:275px;' class='leftfloat'>
            <nav id='press'>
                <ul>
                    <li><a href='#' alt=''>MISSION</a></li>
                    <li><a href='#' alt=''>CURRENT NEWS</a></li>
                    <li><a href='#' alt=''>PRESS RELEASES</a></li>
                    <li><a href='#' alt=''>STAFF BIOS</a></li>
                    <li><a href='#' alt=''>TESTIMONIALS</a></li>
                </ul>
            </nav>
        </article>
        <article style='width:250px;' class='leftfloat'>
            <p>To be a world-class design resource 
            that contributes to the advancement 
            of understanding in  science and 
            technology.</p><br />
            <p>To skillfully blend education and 
            entertainment to create effective, 
            universal communications.</p><br />
            <p>To create accurate work that captivates, 
            educates and ignites the imagination of 
            people of all ages around the world.</p>
        </article>
        </div>
    </section>
</div>
<?php
    include_once 'includes/footer.inc';
?>
</body>
</html>

1 Ответ

0 голосов
/ 19 января 2011

Как прокомментировал ScottE в своем вопросе, HTML5 и IE не очень хорошо ладят друг с другом.

Используя инструмент разработчика IE8, одна из проблем, которую вы видите, состоит в том, что изображение ниже ваш article тег, а не внутри тега статьи, как в других современных браузерах.Это также происходит со всеми другими тегами article на вашей странице.

alt text

Возможно, вам следует использовать div вместо article.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...