Html web头破坏问题

Html web头破坏问题,html,css,header,Html,Css,Header,我正面临一个无法克服的问题(可能是缺少对问题的正确识别)。web模板的标题在1280*800中运行良好,但在更大分辨率的监视器(1900*1440)中出现了中断。收割台总共包含三个div作为防尘套: <div id="header"> <!--#LOGO#--> <div id="logo"> <a href="<?php echo SITE_URL;?>">&l

我正面临一个无法克服的问题(可能是缺少对问题的正确识别)。web模板的标题在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-->
to div“logo”和“welconeimg”刚刚打破并从标题(wraper)的中间脱离

如果蚂蚁一号能解决这个问题,它将对我有帮助


提前谢谢

你有可以显示的链接吗?我试过这个,基本上是你的例子,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=""> #标题{ 垫底:0px; 页边距底部:0; #背景色:#中交; 背景:url(../images/shop header bg.jpg); 背景重复:不重复;高度:100px; 背景色:红色; } #标志 { 左:105px; #左:-350px; 位置:相对位置; 宽度:300px; 背景颜色:绿色; } #欢迎光临 { 浮动:对; 位置:相对位置; 右:126px; 宽度:380px; #顶部:-100px; 高度:97px; 背景颜色:黄色; } “>shop logo.png“alt=”“> shop willkommen.png“alt=”“>
你有可以显示的链接吗?我试过这个,基本上是你的例子,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=""> #标题{ 垫底:0px; 页边距底部:0; #背景色:#中交; 背景:url(../images/shop header bg.jpg); 背景重复:不重复;高度:100px; 背景色:红色; } #标志 { 左:105px; #左:-350px; 位置:相对位置; 宽度:300px; 背景颜色:绿色; } #欢迎光临 { 浮动:对; 位置:相对位置; 右:126px; 宽度:380px; #顶部:-100px; 高度:97px; 背景颜色:黄色; } “>shop logo.png“alt=”“> shop willkommen.png“alt=”“>
你在测试什么浏览器?我问这个问题是因为你的CSS中有完全错误,或者你在不同的浏览器中使用它来做一些不同的事情。你能用或做一个测试用例吗?我在windows上开发,我的客户端在safari(MAC)上测试。你在什么浏览器上测试?我问这个问题是因为你的CSS中有完全错误,或者你在不同的浏览器中使用它来做一些不同的事情。你能用或做一个测试用例吗?我正在windows上开发,我的客户端正在safari(MAC)上测试。