カテゴリーのデザインがIEだけ崩れる
-
サイトでカテゴリーのデザインを行っています。
以下のようなコードでデザインを行っているのですが、
google chromeとfire foxでは希望通りのデザインになったものの、
IEだけ全然違う表示になってしまいます。chromeやfirefoxのような表示にしたいので、もし改善点や工夫すべき点などありましたら、
教えていただけると嬉しいです。catgory.php
<ul class="post"> <?php query_posts('posts_per_page=-1&' . $query_string); ?> <?php if(have_posts()): while(have_posts()): the_post(); ?> <div class= "cate"> <div class= "hyouka"> <?php echo get_the_date(); ?> <?php the_time(); ?> <br> <?php the_author_posts_link(); ?> </div> <div class= "center"> <div class="postss"> <p class="postcats"><?php the_category(' '); ?></p> </div> <?php get_template_part('content','title'); ?> </div> </div> <?php endwhile; endif; ?> </ul>
style.css
p.title {font-size: 20px; font-weight: 900; font-family: 'Cottonwood', fantasy; margin-bottom: 10px; margin-top: 3px; background-image: url("121.58.131.80.gif");} ul.post {background-color: #FFFFFF; padding: 0; border-top: solid 1px #aaaaaa; text-align: center; width: 700px;} ul.post li {background-repeat: repeat; background-position: left center; text-align: center; width: 450px; height: 80px; display: inline; vertical-align:middle; display: table-cell;} ul.post li a {font-weight: bold; color: #000000; list-style-type: none;} ul.post li a:hover{background-color: #faebd7; text-decoration:underline;} ul.post li span {font-size: bold; color: #888888} div.postss p {font-size: 0.875em; line-height: 1.6} div.postss p.postcats {text-align: left; margin-top: -2px; margin-left: -1px; margin-right: 0px; margin-bottom: -16px;} div.postss p.postcats a {font-size: smaller; background-color: whitesmoke; border-radius: px; color: #000000; padding: 1px 5px; border: solid 1px gray;} div.postss p.postinfo {color: #0c8bcd; text-align: right; margin: 0} div.center {height:80px;} div.cate {border-bottom: solid 1px #aaaaaa; border-left: solid 1px #aaaaaa; border-right: solid 1px #aaaaaa;} div.hyouka {float: right; display: inline; width: 250px; height: 0px; color: #000099;}
- トピック「カテゴリーのデザインがIEだけ崩れる」には新たに返信することはできません。