我正在使用使用较旧的Vbulletin消息论坛的网站工作。但是,当前的设置在大多数情况下正常工作,但是,当我在移动设备中打开论坛时,我会看到广告横幅(728x90)重叠徽标图像,而且看起来很糟糕。在查看横幅CSS定位时,它会变得更加混乱,因为顶部和右侧符合其余布局的需求。

我的基本问题是我如何重做此问题,以便横幅永远不会与徽标图像重叠,同时仍然持有必要的偏移以适合其余布局?

#container{
    width: 100%;
    height: 100px;
}
#logo{
    width:230px;
    height: 63px;
}
#advertisement{
    height: 90px;
    width: 728px;
    position: absolute;
    right:10px;
    top: 7.5px;
}



<div id="container"> 
   <div id="logo"><a href="index.php"><img src="logo.jpg" border="0" alt="Whatever" /></a></div>
   <div id="advertisement"></div> 
</div> 

**不是我的CSS或HTML

有帮助吗?

解决方案

我会给#Container属性“最小宽度:958”,并保持100%的宽度。这样,该页面总是足够宽的徽标和广告。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top