窗口大小调整时停止图像重新定位

首先，我是HTML和CSS的新手。我正在创建一个网页，但是在调整浏览器的大小时让我很烦恼。如何让页面右侧的文本框（以及我的网页上的所有内容）在调整浏览器大小时保持不变？窗口大小调整时停止图像重新定位

HTML

<body> 

<div id="container" align="center"> 
<br /> 
<div id="header" > 
    <img src="logo.jpg" align="left"/> 

    <table align="right"> 
     <tr> 
      <td><input type="text" maxlength="20" /></td> 
      <td><img src="search.jpg" /></td> 
     </tr> 
    </table> 
</div> 
</div>

CSS

#container { 
position:absolute; 
top:0; 
left:0; 
height:100%; 
padding-bottom:40px; 
overflow:hidden; 
min-width: 100%; 
} 
#innerheader { 
    width: 40%; 
    margin: 0 auto; 
} 
#header { 
    min-width: 80%; 
    position: relative; 
}

我卡在这部分，现在一天。 :( 我试着用搜索引擎，但不幸的是我没碰到过来就是我要找的。

来源

2013-07-07 yakults

尝试改变你的页面，页眉，容器宽度从宽度：100％;到宽度：960px;或者你需要的像素数量很多 – shammelburg

它正在工作！：D但是我的标题div重新定位到左侧..不管窗口大小调整？ – yakults

你可以看到这个网站，希望你能找到你的答案
链路here

来源

2013-07-07 08:16:12

窗口大小调整时停止图像重新定位

回答

相关问题