Css 带有左侧固定徽标的浮动中心内容

对不起，我就是拿不到这个'

这里：它看起来像我想要的，除了1040px以下的浏览器窗口，上面的徽标漂浮在公司名称下面

<div id="top_wide">
   <div id="crownlogo"><img name="crown_logo6p32" src="images/crown_logo6p32.gif" >
   </div>
   <div id="top">
      <div id="logo"> <img src="images/crown_oilfield_svc_4.png" ></div>

#top_wide {
color:#474327;
    font-size:36px;
}
#crownlogo {
float:left;
padding:0px;
padding-left:5px;
display: table-cell;
}
#crownlogo img {
margin:0;
    }   
#top {
    position:relative;
height:82px; 
width:1040px;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
display: table-cell;
vertical-align:middle;
display: inline-block;
display: table;
}
#logo {
width:620px;
float:left;
color:#474327;
display: table-cell;
vertical-align:middle;
font-size:xx-large;
margin-top:20px;
margin-left:-77px;

#顶宽{
颜色：#474327；
字体大小：36px；
}
#皇冠标志{
浮动：左；
填充：0px；
左侧填充：5px；
显示：表格单元格；
}
#皇冠标志{
保证金：0；
}   
#顶{
位置：相对位置；
高度：82px；
宽度：1040px；
背景重复：无重复；
左边距：自动；
右边距：自动；
显示：表格单元格；
垂直对齐：中间对齐；
显示：内联块；
显示：表格；
}
#标志{
宽度：620px；
浮动：左；
颜色：#474327；
显示：表格单元格；
垂直对齐：中间对齐；
字体大小：xx大号；
边缘顶部：20px；
左边距：-77px；

}

谢谢， ed

试试这个：

#top {
    position: relative;
    height: 82px;
    width: 1040px;
    background-repeat: no-repeat;
    display: block;
    margin-left: 165px;
    clear: right;
}
#logo {
    width: 620px;
    float: left;
    color: #474327;
    vertical-align: middle;
    font-size: xx-large;
    margin-top: 20px;
}

---

谢谢，我试过了。其结果是，它仍在下滑；刚才公司名称可以从窗口左滑！我希望你已经理解了你想要做的事情，我认为理想的行为是当窗口小于1040px+徽标宽度时，窗口将打开一个滑块。但是我想不起来看到过它，所以也许这是不可能的。某种程度上！预期的效果是，公司名称随页面主体浮动——直到它与徽标发生碰撞，此时会出现滑块。按照您的方式，无论窗口大小，公司名称都保持不变——它不以页面内容为中心。但它比我拥有的要好。太好了！是的，您可能需要编辑一些其他样式以使标题居中。我只关注公司名称在哪个浏览器中会发生这种情况？缩小窗口时，Firefox和IE看起来不错。