jquery - 三列布局图像应以两种分辨率居中(1024 x 768和1366 x 768)

我已经在堆栈溢出中搜索了我的问题。我有答案。但是对于当前问题，答案还不够。

这是代码

<div id="firstdiv">
        Testing 1
    </div>
    <div id="middlediv">
        <img src="image/testing.png" width="950px" height="150px"/>
    </div>
    <div id="lastdiv">
        Testing 2
    </div>

这是CSS

#firstdiv
    {
        width:20%;
        position:absolute;
        border:1px solid DarkGrey;
        float:left;
    }
    #middlediv
    {
        width:60%;
        border:1px solid Blue;
        margin-left:21%;
    }
    #lastdiv
    {
        width:20%;
        border:1px solid red;
        position:absolute;
        float:right;
    }

我的问题

我需要三列布局，第一列应该在图像的中间，而最后一列应该在右（所有分辨率）。

注意：我不想使用RWD方法。

对于上述问题，请帮我。

如果您不明白问题，请答复。请不要阻止我的帐户。

感谢和问候
马哈德万

最佳答案

像这样？

http://jsfiddle.net/BrYbJ/

的HTML：

<div class="box">
    <div id="firstdiv">Testing 1</div><!--
    --><div id="middlediv"><img src="image/testing.png" width="950px" height="150px"/></div><!--
    --><div id="lastdiv">Testing 2</div>
</div>

CSS：

.box {
    white-space:nowrap;
}

.box div {
    display:inline-block;
    vertical-align:top;
}

#firstdiv
{
    width:20%;
    outline:1px solid DarkGrey;
}
#middlediv
{
    width:60%;
    outline:1px solid Blue;
    position:relative;
}
#middlediv img {