2013-10-01 21 views
0

我有一個用CI & bootstrap製作的網站。在這種環境下,一些CSS屬性無法正確顯示。在CI我有這樣一個觀點:Css在codeigniter視圖中顯示不正確

<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/bootstrap/css2/bootstrap.css');?>"></link>  
    </head> 
    <body> 
    <div class="container">    
     <input type="text" class="input-small" id="in_cod_horus" pattern="\D+\d{4,6}" maxlength="7"> 
    </div> 
    </body> 
</html> 

在Firebug的CSS計算檢查,所顯示的輸入文本的高度屬性是:

高度:6像素

與此同時在css文件中是:

input [type =「text」] →16px的bootstrap.css:438

控制器很簡單:

<?php if (! defined('BASEPATH')) exit('No direct script access allowed'); 
    class Merc_inicio extends CI_Controller { 
    function index() 
    { 
    $this->load->view('plantilla'); 
    } 
} 
?> 
+0

表單元素(input,textarea等)具有'border-box'大小。所以高度計算包括填充。檢查填充值。 –

+0

您是否嘗試過檢查Chrome Dev Tools或Firebug中的元素以查看它可能被覆蓋的位置? CSS問題最好在那裏調試,而不是通過檢查樣式表。 – xiankai

+0

在IE 8中,輸入的高度正常工作。 :-( – xgrager

回答