Problem internet explorer tab in the title concerns me a width of 100%:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Interfaz</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>
<script src="js/kendo.all.min.js" type="text/javascript"></script>
<link href="Styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="Styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<link href="Styles/Site_Master.css" rel="stylesheet" type="text/css" />
<style>
.close {
background-image:url('images/close1.png');
background-repeat: no-repeat;
width:16px;
height:16px;
float:right;
}
.close:hover {
background-image:url('images/close2.png');
background-repeat: no-repeat;
cursor:pointer;
width:16px;
height:16px;
float:right;
}
</style>
</head>
<body>
<meta charset="utf-8">
<button class="k-button" id="btnagregar">Agregar</button>
</br>
<div id="tabstrip">
<ul>
<li class="k-state-active">
DashBoard
</li>
</ul>
</div>
<script>
String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g,"");
}
$(document).ready(function() {
$("#menu").kendoMenu({select: function (e) {
alert($(e.item).children(".k-link").text().trim());
}});
$("#btnagregar").click(function (){
open_tab ("Opcion 15", "conten3.html", "prioridad.png");
});
});
function open_tab (Opcion, Url, Icono) {
tabStrip.append({
text: Opcion + " <div class='close' src='images/close1.png' title='Close Tab' onclick='tabStrip.remove($(this).closest(\"li\"))'/>",
// imageUrl: "images/" + Icono,
contentUrl: Url,
encoded: false
});
}
var tabStrip = $("#tabstrip").kendoTabStrip({contentUrls: ['DashBoard.html']}).css({ marginRight: "0px;", width:"100%" }).data("kendoTabStrip");
</script>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Interfaz</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>
<script src="js/kendo.all.min.js" type="text/javascript"></script>
<link href="Styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="Styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<link href="Styles/Site_Master.css" rel="stylesheet" type="text/css" />
<style>
.close {
background-image:url('images/close1.png');
background-repeat: no-repeat;
width:16px;
height:16px;
float:right;
}
.close:hover {
background-image:url('images/close2.png');
background-repeat: no-repeat;
cursor:pointer;
width:16px;
height:16px;
float:right;
}
</style>
</head>
<body>
<meta charset="utf-8">
<button class="k-button" id="btnagregar">Agregar</button>
</br>
<div id="tabstrip">
<ul>
<li class="k-state-active">
DashBoard
</li>
</ul>
</div>
<script>
String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g,"");
}
$(document).ready(function() {
$("#menu").kendoMenu({select: function (e) {
alert($(e.item).children(".k-link").text().trim());
}});
$("#btnagregar").click(function (){
open_tab ("Opcion 15", "conten3.html", "prioridad.png");
});
});
function open_tab (Opcion, Url, Icono) {
tabStrip.append({
text: Opcion + " <div class='close' src='images/close1.png' title='Close Tab' onclick='tabStrip.remove($(this).closest(\"li\"))'/>",
// imageUrl: "images/" + Icono,
contentUrl: Url,
encoded: false
});
}
var tabStrip = $("#tabstrip").kendoTabStrip({contentUrls: ['DashBoard.html']}).css({ marginRight: "0px;", width:"100%" }).data("kendoTabStrip");
</script>
</body>
</html>