Question

我只是面临一个问题，无法克服（缺乏对问题的正确识别）。网页模板的标题在1280 * 800中运行良好但在更高分辨率的显示器中打破（1900 * 1440）。标题包含总共三个div作为风箱：

<div id="header">

            <!--#LOGO#-->
            <div id="logo">
            <a href="<?php echo SITE_URL;?>"><img src="<?php echo SITE_IMG?>shop-logo.png" alt="<?php echo SITE_NAME;?>"></a>               
            </div>
            <!--#HEADER NAVIGATION#-->
            <div id="welcomeimg">
            <img src="<?php echo SITE_IMG?>shop-willkommen.png" alt="">
            </div>
    </div> <!-- end header-->

模板的css如下：

#header {padding-bottom:0px; margin-bottom:0; background-color:#CCCCCC;background:url(../images/shop-header-bg.jpg);
background-repeat:no-repeat; height:100px;}
#logo
{

left:105px;
#left:-350px;
position:relative;
width:300px;

}
#welcomeimg
{
float:right;
position:relative;
right:126px;
width:380px;
#top:-100px;
height:97px;
}

to div“logo”和“welconeimg”只是打破并退出标题（包装纸）的中间。

如果蚂蚁可以解决问题，对我有帮助。

提前致谢。

Answer 1

你有可以展示的链接吗？我试过这个，基本上你的例子有3个div有一个特殊的背景颜色，这样你就可以看到它们的去向。

   
#header {
    padding-bottom:0px; 
    margin-bottom:0; 
    #background-color:#CCCCCC;
    background:url(../images/shop-header-bg.jpg);
    background-repeat:no-repeat; height:100px;
    background-color: red;
}

#logo
{

    left:105px;
    #left:-350px;
    position:relative;
    width:300px;
    background-color:green;

}
#welcomeimg
{
    float:right;
    position:relative;
    right:126px;
    width:380px;
    #top:-100px;
    height:97px;
    background-color: yellow;
}






    
    
        ">shop-logo.png" alt="">               
    
    
    
        shop-willkommen.png" alt="">

网页标题打破问题

1 个答案: