http://i.stack.imgur.com/FZyiq.jpg 私はこのレイアウトを設計しましたが、私の頭では問題なく動作しますが、これを CSS で作成しようとすると、少しおかしくなりました。
幅が 960px の div があり、この div がメイン コンテンツ ラッパーです。このギャラリー div で幅を無視し、ブラウザの解像度 (または別の幅) の 100% にする必要があります。これを行う方法はありますか?
<div id="conteudo" >
<div class="exploded-wrapper" id="your_post_here_<?php the_ID(); ?>">
<div class="exploded" id="your_post_here_<?php the_ID(); ?>">
<a href="javascript:jQuery('.exploded-wrapper').hide();jQuery('.exploded').hide();" class="close"></a>
<div class="detalhes">
<div class="desc_wrapper">
<div class="desc">
<h2>
<?php the_title(); ?>
</h2>
<?php echo the_excerpt(); ?>
<div class="desc_pag">
<!--a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a-->
</div>
</div>
</div>
<div class="galeria">
<?php the_content('Read the rest of this entry »'); ?>
<script type="text/javascript">
jQuery(document).ready(function() {
// Using default configuration
//$("#galeria").carouFredSel();
// Using custom configuration
jQuery("#galeria").carouFredSel({
//items : 2,
circular : true,
direction : "left",
infinite : true,
scroll : {
items : 1,
easing : "swing",
pauseOnHover : true,
mousewheel : true
}
});
});
</script>
</div>
</div>
</div>
</div>
</div>
CSS については、firebug を使用してhttp://ccrdesign.com/portifolio/を調べてください。