Html 如何将红色div放置在正确的位置?

Html 如何将红色div放置在正确的位置?,html,Html,我有这个html5 <body> <div id="content"> <article> inhoudsopgave </article> <aside> Hier komt de artikel </aside> </div> 但article div仍然没有放在正确的位置。

我有这个html5

 <body>
    <div id="content">
         <article>
           inhoudsopgave
         </article>
         <aside>
           Hier komt de artikel
         </aside>
    </div>
但article div仍然没有放在正确的位置。 我该怎么做? 内容div需要始终居中放置


Roelof

这里有两个无效的东西
左填充:50px
位置:相对。你能提供更多你期待的细节吗?是的,我把整个网站上传到了。我需要把书的图片放在页面的中央,左边的红色部分。白色区域。我希望我所要达到的目标是明确的。我发现在IE上我的解决方案不起作用。背景图像太大了,肯定没有居中。
 #content { 
     display:block;
     background:url(../img/boek2.jpg);
     min-width: 1536px;
     min-height: 864px;
     top: 10%;
     left: 10%;
     right: 25%;
     text-align: left;
     position: fixed;
 }

 article {
   float: left;
   width: 600px;
   background-color: red ;
   left-padding: 50px; 
   position::relative ; 
 }