0

私はコードイグナイターで getskeleton.com からスケルトン CSS を読み込もうとしています。ヘッダー (HTML を開く、CSS へのリンク、ページのヘッダー) を 1 つのビューに、ナビゲーション バーを別のビューに分離するテンプレート システムを使用しています。 3 番目のビューのメイン コンテンツ、4 番目のビューのサイド バー、および 5 番目のビューのフッターと終了 HTML をコントローラーの変数に追加して、ビューをロードしようとしました。また、テンプレート ビューを使用して試してみました各ビューをロードすると、両方のシステムが正常にビューをロードします。後者は、スケルトンを使用しようとする前に持っていたもので、css を正常にロードしましたが、どちらもスケルトン css ファイルをロードしません。純粋なhtmlのレイアウトをドキュメント全体として正しく表示すると、すべてが正常にロードされます。何が間違っていますか?

これは私が私の見解に持っているものです:

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

<!-- Basic Page Needs
  ================================================== -->
<meta charset="utf-8">  
<title>The GroundScore Way</title>
<meta name="description" content="">
<meta name="author" content="John Fyffe">

<!-- Mobile Specific Metas
  ================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS
  ================================================== -->
<link rel="stylesheet" href="http://gscore.webege.com/css/base.css">
<link rel="stylesheet" href="http://gscore.webege.com/css/skeleton.css">
<link rel="stylesheet" href="http://gscore.webege.com/css/layout.css">

<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

</head>
<body>

<!-- Primary Page Layout
================================================== -->

<!-- Delete everything in this .container and get started on your own site! -->

<div class="container">

    <?php include_once("analyticstracking.php"); ?>

    <div id='header' class="sixteen columns">

        <img src="http://gscore.webege.com/imgs/gsbanner.jpeg"  alt=""/>

    </div>

これはナビです：

<div id='nav' class="four columns">

<?php 


for($i =0; $i >= 9; $i++)
{
    echo '<BR />';
}           


$keys[1]= array( 
            'home', 'about', 'members', 'news', 'blog', 'projects', 'portfolios', 'contact'
        );
$keys[2]= array(
            'login', 'signup'
        );
$keys[3]= array(
            'logout'

        );

foreach($keys[1] as $link)
{
    if($page != $link)
    {
        echo '<a href='.base_url("main/page/$link").'><img src="'.base_url("imgs/".$link."_0.png").'" /></a>';
        echo '<br/>';
    }
}

echo '<br/><br/>';

foreach($keys[2] as $link)
{
    if(!$this->session->userdata('is_logged_in'))
    {
        if($page != $link)
        {
            echo '<a href='.base_url("main/page/$link").'><img src="'.base_url("imgs/".$link."_0.png").'" /></a>';
            echo '<br/>';
        }
    }
}

これが主な内容です:

<div id='main' class="eight columns">
<?php 



    $page = $pd['results'];

    foreach($page as $row){

        $title = $row->title;

        $cnt_tl = $row->cnt_title1;

        $text1 = $row->text1;
        $text2 = $row->text2;

    }

    echo heading($title, 1);


    echo heading($cnt_tl, 2);
    echo '<BR />';
    echo '<p>'.$text1.'</p>';


?>

</div>

これはサイドバーです（最初に表示を正しくしようとして開発したことはありません）：

<div id='side' class="four columns">
<p>this is the side bar</p>
</div>

これはフッターです：

<div id='footer' class="sixteen columns">

        <p>&copy;Copyright (c) 2012 ground-score.com. All rights reserved.</span> </P>

</div>

</div><!-- container -->


<!-- End Document
================================================== -->
</body>
</html>
4

0 に答える 0