Adding some fixes see #4400

main/css/base.css

@@ -104,6 +104,12 @@ form .formw input {
     padding: 19px 0px 19px 0px;
 }
 
+.well3 {            
+    margin-bottom: 10px;
+    min-height: 20px;
+    padding: 19px 0px 19px 0px;
+}
+
 #progress_bar img {
     height:26px;
 }
@@ -1187,7 +1193,7 @@ button.next.disabled, .a_button.disabled {
     float:left;
     margin:10px 0px 10px 0px;
     padding:12px;
-    width:90%;    
+    width:95%;    
     color: #bbb; 
 }
 
@@ -3448,4 +3454,23 @@ a:active{
 
 .audio_preview_container {
     margin-left: 50px;	
+}
+
+
+/* ie fixes */
+
+.lt-ie7 #navigation {
+    display:none;
+}
+
+.lt-ie7 #topbar {
+    display:none
+}
+
+.lt-ie7 .subnav .nav > li {
+    float:left !important;
+}
+
+.lt-ie7 #announcements_page {  
+    width:450px !important;    
 }

main/inc/lib/course.lib.php

@@ -2712,7 +2712,7 @@ class CourseManager {
         }
         $html .= '<div class="row-fluid">';         
             $html .= '<div class="span12">';         
-                $html .= '<div class="row-fluid">'; 
+                $html .= '<div class="well3">'; 
                     $html .= '<div class="span1">'.$params['icon'].'</div>';
                     $html .= '<div class="span10"><h4>'.$params['title'].'</h4></div>';                        
                     $html .= '<div class="span1 pull-right">'.$params['right_actions'].'</div>';        

main/inc/lib/system_announcements.lib.php

@@ -607,10 +607,9 @@ class SystemAnnouncementManager {
 		$announcements = Database::query($sql);
 		$html = '';
 		if (Database::num_rows($announcements) > 0) {				
-			$html .= '<div class="system_announcements">';
+			$html .= '<div class="span12">';
 			$html .=  '<h3>'.get_lang('SystemAnnouncements').'</h3>';
-			$html .=  '<div id="container-slider">
-					<ul id="slider">';
+			$html .=  '<div id="container-slider" class="span8"><ul id="slider">';
 			while ($announcement = Database::fetch_object($announcements)) {                
                 $content = $announcement->content;
                 $url = api_get_path(WEB_PATH).'news_list.php?id='.$announcement->id;
@@ -621,7 +620,7 @@ class SystemAnnouncementManager {
                 }
                 $html .=  '<li><h1>'.$announcement->title.'</h1>'.$content.'</li>';                
 			}
-			$html .=  '</ul></div></div>';			
+			$html .= '</ul></div></div>';			
 		}
 		return $html;
 	}	

main/template/default/layout/head.tpl

@@ -2,23 +2,16 @@
 <link href="http://www.chamilo.org/documentation.php" rel="Help" />
 <link href="http://www.chamilo.org/team.php" rel="Author" />
 <link href="http://www.chamilo.org" rel="Copyright" />
-
 {* This fires some HTML5 errors *}
-
 <!-- <link rel="top"	href="{$_p.web_main}index.php" title="" />
 <link rel="courses" href="{$_p.web_main}auth/courses.php" title="{"OtherCourses"|get_lang}"/>
 <link rel="profil"  href="{$_p.web_main}auth/profile.php" title="{"ModifyProfile"|get_lang}"/> -->
-
 <meta name="Generator" content="{$_s.software_name} {$_s.system_version|substr:0:1}" />
-
 {* Use the latest engine in ie8/ie9 or use google chrome engine if available *}
 <!--[if ie]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
-
 {* Improve usability in portal devices*}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
 <title>{$title_string}</title>
-
 <style type="text/css" media="screen">
 	/*<![CDATA[*/
 	{$css_style}

main/template/default/layout/hot_courses.tpl

@@ -21,10 +21,13 @@ $(document).ready( function() {
 </script>
 
 {if !(empty($hot_courses)) }		 
-    <div class="span12">
-    <h3>{"HottestCourses"|get_lang}</h3>
+    <div class="span11">
+        <h3>{"HottestCourses"|get_lang}</h3>
+    </div>
+    <div class="row">    
 	{foreach $hot_courses as $hot_course}										
-		<div class="categories-block-course">
+		<div class="span11">
+            <div class="categories-block-course ">            
 			<div class="categories-content-course">
 				
 				<div class="categories-course-picture">
@@ -56,6 +59,7 @@ $(document).ready( function() {
 					</div>
 				{/if}				
 			</div>
+            </div>
 		</div>            
 	{/foreach}
      </div>

main/template/default/layout/main_header.tpl

@@ -3,21 +3,20 @@
 <!--[if IE 7]>    <html lang="{$document_language}" class="no-js lt-ie9 lt-ie8"> <![endif]-->
 <!--[if IE 8]>    <html lang="{$document_language}" class="no-js lt-ie9"> <![endif]-->
 <!--[if gt IE 8]><!--> <html lang="{$document_language}" class="no-js"> <!--<![endif]-->
-<head>    
+<head>
 {* <script type="text/javascript" src="http://fbug.googlecode.com/svn/lite/branches/firebug1.4/content/firebug-lite-dev.js"></script> *}
 {include file="default/layout/head.tpl"}
 </head>
 <body dir="{$text_direction}" class="{$section_name}">
 <noscript>{"NoJavascript"|get_lang}</noscript>
-{if $show_header}
-    
+
+{if $show_header}    
 <div class="skip">
     <ul>
         <li><a href="#menu">{"WCAGGoMenu"|get_lang}</a></li>
         <li><a href="#content" accesskey="2">{"WCAGGoContent"|get_lang}</a></li>
     </ul>
-</div>
-    
+</div>    
 <div id="wrapper">
     {* Bug and help notifications *}		
     <ul id="navigation" class="notification-panel">
@@ -26,8 +25,7 @@
     </ul>    
     
     {* topbar *}
-    {include file="default/layout/topbar.tpl"}
-    
+    {include file="default/layout/topbar.tpl"}    
     <div id="main" class="container">        
         <header> 
             {* header1 - logo *}