Chromeのcss、Windows XPのFFおよびIE 7でのdiv配置

Question

iはdivの配置に問題があります。

私のレイアウトは、他の3つのdiv、つまり view_central_top 、 view_central_left 、および view_central_right を含む1つのdiv view_centralで構成されています。 ChromeとFFは、望みの結果をレンダリングします。トップdivにはバナーがあり、ナビゲーションは左側にあり、コンテンツは右側にあります。

IE 7は、コンテンツdiv view_central_right を10ピクセルにオフセットし、バナーdiv view_central_top の一部をカバーします。

cssコードは次のようになります。

.view_central
{
    position: relative;
    width: 827px;
    height: 100%;
}

.view_central_top
{
    position: absolute;
    top: 0xp;
    left: 0px;
    height: 118px;
    width: 828px;
}

.image_borderless
{
    border: 0px none;
}

.view_central_left
{
    position: relative;
    left: 0px;
    top: 118px;
    width: 187px;
    height: 683px;
    background: #C7D2EB;
    font-size: 11px;
}

.view_central_right
{
    position: relative;
    left: 0px;
    top: 118px;
    width: 640px;
    height: 683px;
    background: #FFFFFF;
}

誰でも助けてくれますか。ありがとう。

Answer 1

最初に考えたのは、ブラウザ依存のパディングまたはマージンです。 CSSリセット（少なくとも div 要素の場合）は試してみる価値があります。