绝对居中Div覆盖

这是我第二次尝试修复！我在Stobor的帮助下解决了第一个问题，现在这个第二个问题似乎有点棘手，但它不是那么难吗？绝对居中Div覆盖

正如你可以在这里看到的http://dekkro.no-ip.org/我有一个完全居中的图像和一个样式的div与登录框。

我想实现的是，登录框始终是该图像的100％死点。它以我为中心，但对于许多分辨率较小的人来说却不是。

这里的问题是：http://dekkro.no-ip.org/problem.png

是有办法解决这一问题？我的代码有点混乱，但可以理解。自从早上5点开始，我一直在尝试这样做，现在是下午5点！在这里挣扎一下！谢谢！

来源

2011-08-28 dekkytsh

这里你去...在Firefox，IE9，铬和歌剧测试。希望这可以在问题解决中起作用或给你一个开始。

screenshot

<html> 
<head> 
    <style type='text/css'> 
    html, body{ 
     margin: 0px; /* some browsers add a margin at the top, get rid of it to have proper positioning */ 
    } 
    body{ 
     background-image: url('blahbg.png'); 
    } 
    .Centered{ 
     margin-right: auto; 
     margin-left: auto; 
     align: center; 
    } 
    .LayoutContainer{ 
     background-image: url('blink.gif'); 
     background-position: bottom left; 
     background-repeat: no-repeat; 
     height: 100%; 
     width: 100%; 
    } 
    .BodyContainer{ 
     background-image: url('testimage.png'); 
     background-repeat: no-repeat; 
     margin-top: 50px; /* to bring the layout-body down a bit you want this */ 
     height: 425px; 
     width: 690px; 
    } 
    .MiddleContainer{ 
     text-align: center; 
     padding-top: 20px; 
     width: 200px; 
    } 
    .LoginContainer{ 
     border: 1px solid #000000; 
     background-color: #FFFFFF; 
     margin-top: 20px; 
     height: 230px; 
    } 
    .InfoContainer{ 
     border: 1px solid #000000; 
     background-color: #FFFFFF; 
     margin-top: 20px; 
     height: 30px; 
    } 
    </style> 
</head> 
<body> 

<div class='LayoutContainer'> 
    <div class='BodyContainer Centered'> 
     <div class='MiddleContainer Centered'> 
      <div class='LoginContainer'><img src='logo.png' /></div> 
      <div class='InfoContainer'></div> 
     </div> 
    </div> 
</div> 

<body> 
</html>

来源

2011-08-28 16:51:39

呀，请你能做到这一点对我来说，你需要哪些图像？背景：http：//dekkro.no-ip.org/testimage.png Blah图标：http://blahhotel.com/images/logo.png 这将是太棒了！谢谢！ – dekkytsh

闪烁化身的形象：http://dekkro.no-ip.org/images/blink.gif – dekkytsh

明白了，谢谢。我正在编写它现在:) –

绝对居中Div覆盖

回答

相关问题