この Web サイト ( http://melisayavas.com/web ) には、理解できない CSS フロートの問題が 2 つあります。最初のものはホームページにあります。2 つの JavaScript スライドと、その下に 1 つの大きな空白があります。なんで?
2 つ目の問題は、ニュース ページ ( http://melisayavas.com/web/?page_id=30 ) にあります。サイドバーが本来あるべき場所に浮かびません。繰り返しますが、フロートを停止している要素がわかりません。
これは、header.php の HTML コードです。
<article class="post" id="post-<?php the_ID(); ?>">
<div class="homepage">
<div class="testimonials"><?php slidedeck( 58, array( 'width' => '500px', 'height' => '550px' ) ); ?>
</div>
<div class="images"><?php slidedeck( 66, array( 'width' => '400px', 'height' => '550px' ) ); ?>
</div>
</div>
</article>
関連する CSS は次のとおりです。
article, aside, figure, footer, header, hgroup, nav, section {
display: block;
overflow: hidden;
clear: both;
}
.post {
border: 2px solid;
border-radius: 10px;
clear: both;
overflow: hidden;
padding: 20px;
margin-top: 28px;
}
.testimonials {position: relative;}
.images {position:relative;margin-left: 543px; top: -556px; width: 100%;}
ニュースページの HTML:
<div class="news-page">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="news">
<article <?php post_class() ?> id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
<?php include (TEMPLATEPATH . '/_/inc/meta.php' ); ?>
<div class="entry">
<?php the_content(); ?>
</div>
</article>
</div>
<?php endwhile; ?>
<?php include (TEMPLATEPATH . '/_/inc/nav.php' ); ?>
<?php else : ?>
<h2>Not Found</h2>
<?php endif; ?>
</div>
そしてCSS:
.news-page {
width: 100%;
}
.news {
float: left;
width: 60%;
}
#sidebar {float: right; width: 30%;}