包括header.php css，不包括footer.php或正文 - include header.php css, wont work on include footer.php or the body

include header.php css, wont work on include footer.php or the body

我正在尝试require '_header.php';和require '_footer.php';，所以我可以为我的网站创建一个动态的主体。

但是在body和footer中没有CSS。CSS只对标题有效。

为什么会发生这种情况，如何解决?

require '_header.php';

$form_to_echo = '<div class="form_wrap"><form id="registration" action="new_user.php" method="post">                                                                
    <div class="i_group"><span class="s_name">Класа:</span> 
    <input type="radio" id="_rad_rnk_class_h" name="rank_class" value="H"'.$_frm_selected_rank_class_h.'><label for="_rad_rnk_class_h">Хоби</label>
    <input type="radio" id="_rad_rnk_class_t" name="rank_class" value="T"'.$_frm_selected_rank_class_t.'><label for="_rad_rnk_class_t">Трофеј</label>
    </div>
    <input type="text" id="cell_phone" name="cell_number" placeholder="Мобилен телефон" value="'.$_POST['cell_number'].'">
    </div>  
    <div class="i_group"><span class="s_name">Крвна група:</span><br><br>                               
    <input type="radio" id="_rad_bld_typ_a" name="blood_type" value="A"'.$_frm_selected_bld_typ_a.'><label for="_rad_bld_typ_a">A</label>
    <input type="radio" id="_rad_bld_typ_b" name="blood_type" value="B"'.$_frm_selected_bld_typ_b.'><label for="_rad_bld_typ_b">B</label>
    <input type="radio" id="_rad_bld_typ_ab" name="blood_type" value="AB"'.$_frm_selected_bld_typ_ab.'><label for="_rad_bld_typ_ab">AB</label>
    <input type="radio" id="_rad_bld_typ_o" name="blood_type" value="O"'.$_frm_selected_bld_typ_o.'><label for="_rad_bld_typ_o">O</label>
    </div>                                      
    <div class="i_group">               
    <input type="submit" name="submit" class="submit" value="Pегистрирај">
    </div></form></div>';

if ($error_count_up != 0) { 
    echo $form_to_echo; 
}
require '_footer.php';

当我在HTML中复制粘贴代码时，它工作得很好…

<!DOCTYPE html>
<html>

    <head lang="mk">
        <meta charset="utf-8">

        <link rel="stylesheet" type="text/css" href="style.css">

        <link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css">
        <title>;</title>
        <style type="text/css">
</style>

               <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
               <!--<script src="script.js"></script> -->

                 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
                  <script src="//code.jquery.com/jquery-1.12.4.js"></script>
                  <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
                  <script>
                        $( function() {
                            $( "#datepicker" ).datepicker({
                                changeMonth: true,
                                changeYear: true
                            });
                        $( "#datepicker" ).datepicker( "option", "dateFormat", "dd-mm-yy" );
                        } );
                  </script>
    </head>


    <body>      

        <div id="showcase">

            <div id="sw_img1"></div>
            <div class="img_fade"></div>
                <div class="main_wrapper">
                    <div id="logo"></div>

                    <ul id="top_nav">
                        <li>Правилник</li>
                        <li>Контакт</li>    
                    </ul>

                </div>
        </div>

        <div class="test1">test</div>



    </body>


</html>

尝试使用include…PHP:包括

你使用:

<link rel="stylesheet" type="text/css" href="style.css">

所以，style.css应该在同一个文件夹，其中URL被执行(而不是在。php文件被放置)

例如，如果您访问'example.com/dir1/dir2/mypage.html then style.css should be in dir2 '

我建议使用样式，脚本，图像的根url，像这样:

..........................  href='/style.css' .........

并把style.css放到根example.com/文件夹