머리말 넣기

내 문제는 여기에 있습니다. head.php 페이지가 있습니다. 내 웹 사이트의 모든 페이지와 모든 페이지 끝에 footer.php 페이지가 포함되어 있습니다. http://prntscr.com/5jbn1b 머리말 넣기

그리고 여기 내 문제 :

기본 레이아웃은 head.php 파일에 당신이 볼 수 있듯이, 내 바닥 글 머리 DIV 뒤에 http://prntscr.com/5jbmnf

. 여기 내 코드 :

있는 style.css :

/*Base Debut*/ 
#base { 
    background-color:white; 
    height:auto; 
    width:1000px; 
    position:absolute; 
    top:0; 
    left: 0; 
    right: 0; 
    margin: auto; 
    margin-top: 80px; 
} 
/*Base Fin*/ 

/*Footer Debut*/ 
#foot { 
    bottom: 0; 
    padding: 5px; 
    margin: auto; 
    background-color: #303030; 
    width: 1000px; 
    color: #7A7A7A; 
    font-family: OswaldL; 
    font-size: 14px; 
    text-align: center; 
} 

#foot .under { 
    background-color: #2B2B2B; 
    width:1000px; 
    height:10px; 
} 
/*Footer Fin*/

head.php :

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<link rel="stylesheet" href="style.css" /> 
<title>WEBSITE</title> 
</head> 

<body> 
    <div id="header"> 
     <div class="logo"> 
      <img src="images/logo.png"> 
     </div> 
     <div class="connect"> 
      <div class="links"> 
       <a href="#">Inscription</a> <a href="#">Connexion</a> 
      </div> 
     </div>  
    </div> 
<div id="base"> 
    <section style="color: black;"> 
     <nav class="gauche" style="margin-top: 55px;"> 
      <h1>$rubrique1</h1> 
      <ul> 
       <li><a href="index.php">Accueil</a></li> 
       <li><a href="membres.php">Membres</a></li> 
       <li><a href="stats.php">Statistiques</a></li> 
      </ul> 

      <?php 
       if(isset($_SESSION['pseudo'])) 
       { 
      ?> 

      <h1>$rubrique0</h1> 
      <ul> 
       <li><a href="messagerie.php">Messages privés</a></li> 
       <li><a href="options.php">Options</a></li> 
       <li><a href="connexion.php?inverted">Déconnexion</a></li> 
      </ul> 

      <?php 
       } 
      ?> 

      <h1>$rubrique2</h1> 
      <ul> 
       <li><a href="news.php">$inter1</a></li> 
       <li><a href="album.php">$inter2</a></li> 
      </ul> 

      <h1>$rubrique3</h1> 
      <ul> 
       <li><a href="equipe.php">$lien1</a></li> 
      </ul> 
     </nav> 

     <nav class="droite" style="color: black; float: right;"> 
      <h1>$droite1</h1> 
      <div class="droite_text"> 
       <li><a href="forum.php?id=1">$forum1</a></li> 
      </div> 

      <h1>$droite2</h1> 
      <div class="droite_text"> 
      $connectes 
      </div> 
     </nav> 
</div>

footer.php :

<br /><br /><br /><br /><br /> 

      </div> 
      </div> 
      </div> 
     </section> 
     <div id="foot"> 

      <?php echo NOM_SITE; ?> © | $footercredit <a href="#">$dev1</a> et <a href="#">$dev2</a> | $version <br /> 
      <a target="_blank" href="mobile">Version mobile</a> 


     <div class="under"> 
     </div> 
     </div> 
     <br /> 
    </body> 
</html>

출처

2014-12-21 M4DNE55

기본 코드는 위치입니다. 절대 값입니다. 그것이 본질적으로 다른 것을 의미한다는 것은 그것이 다른 위치에 있어야한다는 지시가없는 한 그 뒤에 나오는 모든 것을 의미합니다. Absolute는 일반적으로 다른 모든 div를 무시하고 원하는 모든 위치에 배치합니다.

이 동작을 변경할 수있는 몇 가지 방법이 있지만 여기에 표시되는 내용 중 가장 쉬운 방법은 #base를 position : absolute가 아닌 것으로 변경하는 것입니다.

출처

2014-12-21 15:37:56 Duniyadnd

고맙습니다.하지만 머리글에 #base 아래에 꼬리말을 넣을 수 있습니까? – M4DNE55

머리말 넣기

답변

관련 문제