Полоса прокрутки появляется в IE - PullRequest
0 голосов
/ 01 марта 2012

У меня есть этот сайт, который находится в производстве, http://www.bigideaadv.com/adaptive/, и есть странная проблема с IE7-9.Когда вы изменяете размер окна по горизонтали и начинаете закрывать нижний колонтитул, появляется горизонтальная полоса прокрутки, чтобы вы могли перемещаться влево и вправо.Однако проблема в том, что появляется небольшая вертикальная полоса прокрутки.Не уверен почему.Кто-нибудь может пролить свет на это?

Заранее спасибо.CSS слишком велик для публикации.Структура для подражания:

    <div id="wrapper"><!--CONTENT WRAPPER-->
        <ul id="slide-list"></ul><!--PAGINATION-->
        <div id="home_container">
            <div id="opacity">
                <div id="headlines">
                    <div id="headlines2" style="width:3300px">
                        <div class="homeslide_box1">
                            <h2>Technology + Vision + Execution = Value</h2>
                            <p style="margin-bottom:25px;">Technology can improve efficiency. But it is HOW you use it that can create real impact for an organization.  We help clients generate real results by helping them understand what is possible and creating an execution model that suits their individual situation.  &nbsp;<a href="ceo_letter.php" class="learn_more">Learn More</a></p>
                        </div>
                        <div class="homeslide_box2" style="display:none;">
                            <h2>Sales and Finance</h2>
                            <p style="margin-bottom:25px;">Concept One Accessories knows that when you are running a company that represents so many <b>“#1”</b> institutions, it is of critical importance that you yourself are able to operate as a top performer. &nbsp;<a href="case.php?case=1" class="learn_more">Learn More</a></p>
                        </div>
                        <div class="homeslide_box3" style="display:none;">
                            <h2>Demand, Planning & Allocation</h2>
                            <p style="margin-bottom:25px;">Clients are demanding and it takes stellar customer service to keep your clients from moving to your competition. Few companies understand this as well as Elie Tahari. &nbsp;<a href="case.php?case=2" class="learn_more">Learn More</a></p>
                        </div>
                        <div class="homeslide_box4" style="display:none;">
                            <h2>Empowering Sales, Marketing, Operations and Finance</h2>
                            <p style="margin-bottom:25px;">The beverage industry is challenging and leaders in the space face tough questions from stakeholders.  By instilling a disciplined approach to brand portfolio management, supply chain optimization, distributor and retailer price management and advanced performance targeting we help them to get answers. &nbsp;<a href="case.php?case=3" class="learn_more">Learn More</a></p>
                        </div>
                    </div>
                </div>

                <div id="blog_posts_home">
                    <div id="blog_posts_scroll">
                        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                            <article <?php post_class() ?> id="post-<?php the_ID(); ?>">
                                <a href="<?php the_permalink(); ?>">
                                    <?php if (has_post_thumbnail( $post->ID ) ): ?><?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
                                        <img align="left" style="float:left; margin:0 15px 0 0;" src="<?php echo $image[0]; ?>" width="95" height="64" alt="Banner 1" />
                                    <?php endif; ?> 
                                    <div class="home_posts">
                                        <span class="title"><?php the_title(); ?></span>
                                        <?php the_excerpt2(); // or you can use the_content(); ?>
                                    </div>
                                </a>
                            </article>                          
                        <?php endwhile; ?>                  
                        <?php else : ?>
                        <article>
                            <header>
                                <h2>No Articles Found</h2>
                            </header>
                        </article>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
            <div id="nav_section_home">
                <nav class="body" style="z-index:1001; position:relative;">
                    <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('nav-widget-area') ) : else : ?>
                    <?php endif; ?>
                </nav>
                <div id="blue_link">
                    <a href="http://www.whos-blue.com/"><img style="margin-right:10px;" width="131" height="33" src="images/whos_blue.png" alt="Who's Blue" /></a>
                    <a href="http://www.ibm.com/"><img width="111" height="58" src="images/ibm_partner_logo.png" alt="IBM Business Partner" /></a>
                </div>
                <div id="social_links">
                    <a href="http://www.facebook.com/pages/Adaptive-Solutions-Inc/356183744412639"><img class="margin" src="images/social/facebook.png" alt="Facebook" /></a>
                    <a href="http://www.twitter.com"><img class="margin" src="images/social/twitter.png" alt="Twitter" /></a>
                    <a href="http://www.linkedin.com/groups/Adaptive-NY-NJ-Metro-Business-4303378?trk=myg_ugrp_ovr"><img src="images/social/linkedin.png" alt="LinkedIn" /></a>
                </div>
                <div class="copyright">
                    <p style="margin-bottom:0; color:#a1a1a1; font-size:.7em;">&copy;Adaptive Solutions, Inc. 2012</p>
                </div>
            </div>
        </div>
    </div>
...