Witam.
Zaczynam pisać w CI 2.1.0 i mam pewien problem. Otóż framework pobiera zawartość mojej sekcji head i umieszcza to w body. Nie mam zielonego pojęcia co to może być.
Domyślny kontroler ustawiłem na site.php a zawartość tego kontrolera to:
<?php
class Site extends CI_Controller
{
function index()
{
$data['template'] = 'site/home';
$this->load->view('template/main', $data);
}
function about()
{
$data['template'] = 'site/about';
$this->load->view('template/main', $data);
}
function contact()
{
$data['template'] = 'site/contact';
$this->load->view('template/main', $data);
}
}
I po kolei:
template/main.php
<?php
$this->load->view('template/header');
$this->load->view($template);
$this->load->view('template/footer');
template/header.php
<!DOCTYPE HTML>
<link rel="stylesheet" href="<?php echo base_url(); ?>public/css/reset.css" />
<link rel="stylesheet" href="<?php echo base_url(); ?>public/css/styles.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="<?php echo base_url(); ?>public/js/jquery.roundabout-1.0.min.js">
</script> <script type="text/javascript" src="<?php echo base_url(); ?>public/js/jquery.easing.1.3.js">
</script> <script type="text/javascript"> $(document).ready(function() { //Start up our Featured Project Carosuel
$('#featured ul').roundabout({
easing: 'easeOutInCirc',
duration: 600
});
});
<!--[if IE 6]>
<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
/* EXAMPLE */
DD_belatedPNG.fix('.button');
/* string argument can be any CSS selector */
/* .png_bg example is unnecessary */
/* change it to what suits you! */
</script>
<![endif]-->
<div id="wrapper" class="container_12 clearfix">
<!-- Text Logo -->
<h1 id="logo" class="grid_4">Title
</h1>
<!-- Navigation Menu -->
<ul id="navigation" class="grid_8"> <a href="portfolio.html"> <span class="meta">Our latest work
</span> <a href="index.html" class="current">
<div class="hr grid_12 clearfix"> </div>
template/footer.php
<div class="hr grid_12 clearfix"> </div>
<!-- Footer -->
<p class="grid_12 footer clearfix"> <a class="float right" href="#">top
</a>
Pozostałe 3 pliki są na chwilę obecną puste.
I na koniec wynik strony z firebug'a:
<link href="http://localhost/portfolio/public/css/reset.css" rel="stylesheet"> <link href="http://localhost/portfolio/public/css/styles.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://localhost/portfolio/public/js/jquery.roundabout-1.0.min.js" type="text/javascript"></script> <script src="http://localhost/portfolio/public/js/jquery.easing.1.3.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { //Start up our Featured Project Carosuel
$('#featured ul').roundabout({
easing: 'easeOutInCirc',
duration: 600
});
});
<!--[if IE 6]>
<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
/* EXAMPLE */
DD_belatedPNG.fix('.button');
/* string argument can be any CSS selector */
/* .png_bg example is unnecessary */
/* change it to what suits you! */
</script>
<![endif]-->
<div class="container_12 clearfix" id="wrapper">
<!-- Text Logo -->
<h1 class="grid_4" id="logo">Title
</h1>
<!-- Navigation Menu -->
<ul class="grid_8" id="navigation"> <a href="portfolio.html"> <span class="meta">Our latest work
</span> <a class="current" href="index.html">
<div class="hr grid_12 clearfix"> </div><div class="hr grid_12 clearfix"> </div>
<!-- Footer -->
<p class="grid_12 footer clearfix"> <a href="#" class="float right">top
</a>
Ma ktoś jakieś pomysły?