1

これが私のサイトです：rickymason.net/blurbs

クロムで見ると、右側の AJAX が正しく読み込まれ、CSS が正しくフォーマットされていることがわかります。

Firefox では、別の話です。私はそれをいじりましたが、問題を見つけることができません。

ここに私のテンプレート（div）があります：

<html>
<head><?php echo $head; ?></head>
<div id="wrapper">
    <div id="topnav"><?php echo $topnav; ?></div>
    <div id="leftbar">
        <?php echo $logo; ?>
        <img src="<?php echo $profile['avatar_loc']['location'] ?>" alt="avatar_user"/>
        <div id="select"> 
            <?php echo $create; ?>
            <div id="filter_select"><?php echo $category; ?></div>
            <div id="addfilter"><?php echo $addfilter; ?></div>
        </div>
    </div>
<div id="boardwrapper"> 
    <div id="boardborder">
        <div id="board" alt="Welcome to Blurb!"><img src="img/board/loading.gif" alt="loading"/></div>
    </div>
    <div id="boardbot"></div>
</div>
<footer>
    <?php echo $footer; ?>
</footer>
</body>
</div>
</html>

ここに私のCSSがあります

.board {
    display: table;
    padding-left: 35px;
    padding-top: 10px;
}

.board #row {
    padding-bottom: 15px;
}

.board #author p {
    position: absolute;
    top: inherit;
    padding-left: 3px;
    padding-top: 53px;
    color: white;
    font: 16px Tahoma, Helvetica, Arial, Sans-Serif;
    text-align: center;
    text-shadow: 0px 2px 3px #555;
}

.board #author {
    display: table-cell;
    border: 1px solid #97cae6;
    width: 75px;
    height: 75px;
}

.board #arrow {
    background-image: url('../img/board/corner.jpg');
    display: table-cell;
    width: 35px;
    height: 75px;
}

.board #subject {
    position: relative;
    max-height: 75px;
    display: table-cell;
    width: 653px;
    max-width: 653px;
    height: 75px;
    border-top: 1px solid #97cae6;
    border-bottom: 1px solid #97cae6;
}

.board #subject a {
    position: absolute;
    top: inherit;
    padding-top: 18px;
}

.board #info {
    display: table-cell;
    width: 180px;
    height: 75px;
    border-top: 1px solid #97cae6;
    border-bottom: 1px solid #97cae6;
    border-right: 1px solid #97cae6;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

うまくいけば、何かがあなたに飛び出し、あなたが助けることができます! ありがとう！

4

1 に答える 1

1

ファイルboard.cssで、次のように変更します。

.board #arrow {
background-image: url('../img/board/corner.jpg');
display: table-cell;
width: 35px;
height: 75px;

}

これに：

.board #arrow {
background: url('../img/board/corner.jpg') no-repeat;
display: table-cell;
width: 35px;

}

問題を解決する必要があります。

日

于 2012-06-07T15:14:42.643 に答える