css - float 中心内容与左固定标志

Question

抱歉，我无法得到这个'

此处:http://www.crownoilfield.com/它看起来像我想要的，除了对于 1040px 以下的浏览器窗口，顶部 Logo float 在公司名称下方。

<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;

谢谢，编辑

Answer 1

试试这个:

#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;
}