0

私のクライアントは、画面の中央にある Web ページを必要としています。そのために、 という div 内で Web ページ全体を宣言しましたmainpage。CSS:

#mainpage
{

    position:relative;
    width:850px;
    margin:0 auto;
    height:70%;
    top:15%;
    background:#F1F1F1;

}

ただし、上記の css は画面の中央に垂直に表示されません。absoluteまたはを付けるfixedと、縦は画面の真ん中ですが、横は右揃えです！どうすれば望ましい結果を得ることができますか?

編集: 私の HTML コード

<body>
<div id="mainpage_wrapper">  
<div id="mainpage">

   <div id="header_wrapper">
    <div id="header">

        <?php require_once('menu.php'); ?>
        <?php echo $logo; ?>
        <?php echo $menu; ?>

    </div>
   </div> 


<div id="main-container">   
<!-- List of logos -->
  <div id="logolist">
4

3 に答える 3

1

ここではfixedポジショニングを使用します。

#mainpage
{

   position:fixed;
   width:840px;
   height:300px;
   top:50%;
   left: 50%;
   margin: -150px 0 0 -420px; /* [-(height/2)px 0 0 -(width/2)px] */
   background-color:#F1F1F1;

}

このフィドルを参照してください。この助けを願っています。

于 2013-09-02T09:03:34.090 に答える