Foros del Web - Ver Mensaje Individual - AYUDA! se me va todo hacia la izquierda en IE

Italico76 · #1 (**permalink**) 20/12/2010, 14:01

AMIGOS....HOLA!

Estoy volviendome loco......con unos CSS que se ven PERFECTOS en FF, Chrome, Opera y Safari.......pero HORRIBLES en IE (todas las versiones)

Mi web es minicio.net y.. sucede que como pueden ver si entran a IE, que el left_sidebar es como si no existiese! lo intenté colorear pero no se porque......tampoco me coje color.

A ver si alguien se da idea de donde esta mi confusion

MIL GRACIAS !!!!!

PD: version sin iframes aca y pasteo a continuacion la plantilla que creé y los css

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD -//W3C//DTD HTML 4.01//EN//EN">
<html>
<head>
<? $tpl = Tpl::singleton(); ?>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title><?= $tpl->get('title'); ?> </title>
<meta name="description" content="<?= $tpl->get('description'); ?> "/>
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" />
<link rel="shortcut icon" href="web/img/favicon.ico" /> 

<script type="text/javascript" src="dropdowntabfiles/dropdowntabs.js"> /* http://www.dynamicdrive.com/ */
</script>

<link rel="stylesheet" type="text/css" href="web/css/dropdowntabfiles/bluetabs.css" />
<link rel="stylesheet"type="text/css" href="web/css/tutto.css" />
<script type="text/JavaScript" src="./Pagina de Incio_files/jquery-1.2.6.js"></script>

</head>
<body>
<div id="container">
<div id="header">
<a href="/">
<img src="web/img/<?= $tpl->get('logo'); ?>" border="0" id="logo" />
</a>
</div>
<p/>

<div id="left_sidebar">
<?= $tpl->get('left'); ?>
</div>

<div id="right_sidebar">
<?= $tpl->get('right'); ?>
</div>

<div id="main_content">

<div>
<?
require('tpl/sub/menu.php');
require('tpl/sub/cse_form.php');
require('tpl/sub/desplegable.php');
?>
</div>
<p/><br/>
<?= $tpl->get('content'); ?>

<div id="inner_footer">
<? include "tpl/sub/icon_access.php"; ?>
</div>

</div>

<div id="footer">
<?= $tpl->get('footer'); ?>
</div>

</div>
</body>
</html>

tutto.css

Cita:

body {
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
}

h1 {}
h2 {}
h3 {}
a {}
a:visited {}
a:hover {}
p {}

/** CUSTOM CLASSES **/
#container {
width: 100%;
margin-left:0;}

#header {
text-align: center;
background-color: #FFFFFF;
}

#left {
float: left;
width: auto;
font-size: 12px;
text-align: left;
background-color: #F0B555;
}

#right{
float: right;
width: auto;
font-size: 12px;
color: #000000;
text-align: center;
background-color: #F0B555;
}

#main_content {
font-size: 12px;
color: #000000;
text-align: left;
width: 575px;
margin-right: auto;
margin-left: auto;
min-height:600px;
background-color: #F0B555;
}

#inner_footer {
text-align: left;
background-color: #c5ff0a;
}

#footer {
text-align: center;
/* background-color: #c5ff0a; */
}

@namespace url(http://www.w3.org/1999/xhtml);#gbarl{ border-top: 1px solid #666; }

.bz_rr div{
background-color: #333;
}

.bz_rbbb{
color: #FFF;
}

.bz_mestri, .bz_mestri_on, .bz_mestri_over, .bz_mesfb, .bz_meff, .bz_mept{
background-color: #333;
border: 1px solid #666;
}

.bz_mec1, .bz_mec2, .bz_mec3{
background-color: #000;
}

/* Dock */
#bar {
background:#444;
position:fixed;
bottom:0px; left:0px;
width:100%;
height:25px;
z-index:0;
}

#icon_access {
position:fixed;
bottom:45px;
left:50%;
margin-left:-290px;
}