hola tengo esta plantilla
Código php:
Ver original<?php
defined( '_JEXEC' ) or
die( 'Restricted access' ); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/crm_index/css/styles.css" type="text/css">
<!--[if gte IE 6]>
<link href="<?php echo $this->baseurl; ?>/templates/crm_index/css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<div class="main_containner">
<div class="header">
<div id="navigation-menu">
<jdoc:include type="modules" name="left" />
</div>
</div>
<div id="logo"><img src="<?php echo $this->baseurl; ?>/templates/crm_index/images/logo_crm.png" alt="CRM Business"> </img>
</div>
<div id="cuadro_texto">
<jdoc:include type="component" />
</div>
<div id="footer_left">
<div id="info">
<p>
<p>
<li><strong>DIRECCIÓN: </strong>Avenida 3A Norte # 24 N 24
<li><strong>PBX: </strong>++57 (2) 485 4564
<li><strong>FAX: </strong>++57 (2) 485 4441
</div>
</div>
<div id="footer_r">
<jdoc:include type="modules" name="user2" />
</div>
</div>
</body>
y esta su hoja de estilos
Código:
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
background: url(../images/background.jpg);
}
.main_containner {
width: 995px;
margin:auto;
display:relative;
height:auto;
border-top:none;
border-bottom:none;
}
a {
color: #000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.header {
width: 995px;
clear: both;
}
.header .menu_header {
float:left;
margin-top:0px;
margin-left:0px;
width:193px;
}
/**
* menu
*/
#navigation-menu ul li {
display: inline;
font-family: "Tahoma", "Geneva", sans-serif
font-size:15px;
padding: 2px 9px; /*Separar el texto*/
margin:7px; /* Separar los botones */
/* background-color:#E4E4E4;*/ /* Color de fondo */
}
#navigation-menu ul li:hover {
background-color:#58ACFA; /* Color de fondo sobre el boton */
cursor: pointer; /* cambiar el aspecto del puntero */
}
#navigation-menu ul li a {
text-decoration: none;
text-align: center;
color: #0000ff;
}
#navigation-menu ul {
/* Linea para delimitar la botonera */
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
/** LOGO
*/
#logo {
height: 130px;
text-align: center;
}
/** contenedor de texto*/
#cuadro_texto {
width: 995px;
height: 290px;
background: #ffffff;
}
/**footer*/
#info {
position: relative;
width: 330px;
float: left;
top: 10px;
left: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #ffffff;
}
#footer_left {
width: 330px;
height: 100px;
top: 30px;
background-image: url(../images/footer_left.jpg);
float: left;
position: relative;
}
#footer_r {
width: 660px;
height: 100px;
top:30px;
background-image: url(../images/footer_right.jpg);
float: right;
position: relative;
}
y resulta que en firefox se ve como quiero pero en ie no para verla en ie tengo este otro estilo que asumo se debe aplicar como condicional
Código:
.content .bienvenido_containner
{
height: 426px;
}
pero no se ve igual, es decir las medidas se trocan y las transparencias de las imagenes png no se ven asi como el fondo de los botones del menu, como lo puedo arreglar