• 解決済 kaka777

    (@kaka777)


    こんにちは。Firefoxで下記の様に6つの画像と各カテゴリーの最新記事を3カテゴリーずつ2段に並べたのですが、IEで画面表示すると、全くチグハグな並びとなってしまいます。 でスペース調整をしすぎたのがよくなかったのか、素人の為に解決できません。IEでも同様に表示されるにはどうしたらよいか教えて頂けないでしょうか。宜しくお願いします。

    <div style="float:left;">
    <a title="○○" href="○○"><img style="border: 2px solid black;" alt="" src="○○" width="220" height="150" /></a><a><?php
    $myposts = get_posts('numberposts=5&category=7&orderby=post_modified');
    foreach($myposts as $post) : ?>
    
    <li><a>"><?php the_title(); ?></a> </li>
    <?php endforeach; ?>
    <br clear="all">
    </div>
    
    <div style="float:left;">
    </a><a title="○○" href="○○"><img style="border: 2px solid black;" alt=""src="○○" width="220" height="150"/></a><a> <?php
    $myposts = get_posts('numberposts=5&category=9&orderby=post_modified');
    foreach($myposts as $post) : ?>
    
    <li><a>"><?php the_title(); ?></a> </li>
    <?php endforeach; ?>
    <br clear="all">
    
    </div>
    <Div Align="left"> 
    </a><a title="○○" href="○○" rel="○○"><img style="border: 2px solid black;" src="○○" width="220" height="150" hspace="数字" align="left"></a>
    <?php$myposts = get_posts('numberposts=5&category=5&orderby=post_modified');
    foreach($myposts as $post) : ?>
    
    <li><a>"><?php the_title(); ?></a> </li>
    <?php endforeach; ?>
    <br clear="all">
    
    <div style="float:left;">
      <a title="○○" href="○○"><img style="border: 2px solid black;"alt="" src="○○" width="220" height="150" /></a><a>    <?php
    $myposts = get_posts('numberposts=5&category=4&orderby=post_modified');
    foreach($myposts as $post) : ?>
    
    <li><a>"><?php the_title(); ?></a> </li>
    <?php endforeach; ?>
    <br clear="all">
    </div>
    
    <div style="float:left;">
     </a><a title="○○"><img style="border: 2px solid black;" title="○○" alt=""src="○○" width="220" height="150"/></a><a>      <?php
    $myposts = get_posts('numberposts=5&category=71&orderby=post_modified');
    foreach($myposts as $post) : ?>
    
    <li><a>"><?php the_title(); ?></a> </li>
    <?php endforeach; ?>
    <br clear="all">
    </div>
    
    <Div Align="left">
     </a><a title="○○" href="http○○" rel="○○"><img style="border: 2px solid black;" src="○○" width="220" height="150" hspace="数字" align="left"></a>
    <?php$myposts = get_posts('numberposts=5&category=14&orderby=post_modified');
    foreach($myposts as $post) : ?>
    
    <li><a>"><?php the_title(); ?></a> </li>
    <?php endforeach; ?>
    <br clear="all">
    </td>
    
    </tr>
    </tbody>
    </table>
1件の返信を表示中 - 1 - 1件目 (全1件中)
  • WordPressの問題というよりも、CSSのクロスブラウザ対応(特にIE)ということですね。
    googleで検索してもこのようにたくさんのページがヒットするくらいですので、HTMLの記述との兼ね合いから、ケースバイケースの対応になります。
    なによりIEに対してはバージョンによっても違いが出ます。

    慣れていないようならWordPressのテーマを作る前に静的HTML+CSSで各ブラウザの確認をしてから作業する方がいいと思いますよ。

1件の返信を表示中 - 1 - 1件目 (全1件中)

トピック「FirefoxとIEでの表示誤差に関し」には新たに返信することはできません。