resulta que estoy aprendiendo a manejar las capas y Divs, y hasta ahora pareceria que lo habia dominado el problema es que al probar con otros navegadores que no sea IE en cualquier version, todo el diseño aparece descuadrado y fuera de lugar...
mi codigo es este
Código PHP:
<!-- <style type="text/css">
* { margin: 0;padding: 0;}
ul {margin-top: 20px;}
li {display: inline;
margin-left: 20px;
}
a {padding: 4px 0px 5px 15px;
color: #000;
text-decoration: none;
font: bold 0.8em Verdana;
line-height: 28px;
}
a span {padding: 4px 20px 5px 0px;}
a:hover {background: transparent url(fondo_izq.gif) repeat-y;}
a:hover span {background: transparent url(fondo_der.gif) repeat-y right top;}
</style> -->
<!--[if IE]><style>a span {margin-top: -4px;}</style><![endif]-->
Código PHP:
<div id="cuerpo">
<? include("include/log.php") ?>
<? include("include/header.php") ?>
<center>
<h3>Bienvenido <? if ($_SESSION['nivel'] == ""){echo " Visitante ";} else {echo $_SESSION['nomb'];}?>
<br>
Hoy es <? include("include/fecha.php") ?></h3></center>
<center>
<? if ($cel=="NO"){?>
<div id="tronco" style="
position:relative;
width: 980px;
height:350px;
font-size: 12pt;
text-align: center;
background-color: #bbbbbb;
margin: 10px; */
padding: 20px;
border: 0px
solid #e7a219; ">
<? if ($_SESSION['nivel'] == ""){ ?>
<? include("include/servers.php") ?>
<div id="AVISO" style="
position:relative;
right : 5px;
width: 460px;
height:250px;
font-size: 12pt;
font-family: verdana;
text-align: center;
background-color: #bbbbbb;
margin: 10px;
padding: 20px;
border: 5px
solid #FF0000; ">
Codigo Sin Importancia..........
</div>
<? } else { ?>
<div id="AVISO" style="
position:relative;
right : 5px;
width: 450px;
font-size: 12pt;
font-family: verdana;
text-align: center;
background: #fff url('image/fond.jpg') repeat bottom right;
margin: 1px;
padding: 2px;
border: 2px
solid #e7a219; ">
Codigo sin Importancia-..........
</div>
<div id="AVISO" style="
position:relative;
right : 5px;
width: 450px;
float: center;
font-size: 12pt;
font-family: verdana;
text-align: center;
background: #fff url('image/fond.jpg') repeat bottom right;
margin: 1px;
padding: 2px;
border: 2px
solid #e7a219; ">
Codigo sin Importancia..........
</div>
<? } ?>
<div id="feliz" style="
position:absolute;
top : 10px;
right : 5px;
width:250px;
font-size: 10pt;
font-family: arial;
text-align: center;
background: #bbb url('image/fond.jpg') repeat bottom right;
border: 2px
solid #ffff00; ">
<fieldset>
Codigo sin importancia.........
</fieldset>
</div>
<? } else {echo "<b>Acceso Movil</b>";}
if ($_SESSION['nivel'] == ""){ include("entra1.php"); };
?>
</center>
<? if (($_SESSION['nivel'] == "1") OR
($_SESSION['nivel'] == "2") OR
($_SESSION['nivel'] == "3") OR
($_SESSION['nivel'] == "4") OR
($_SESSION['nivel'] == "5") OR
($_SESSION['nivel'] == "6")){ ?>
<div style="
position: absolute;
top : 10px;
left : 5px;
float: left;
padding: 1px;
width:230px;
/* height:220px; */
border: 2px
solid #FFFF00;
background: #bbb url('image/fond.jpg') repeat bottom right;
/* background-color: #bbb; */">
<div id="menu">
<div class="barraMenu">
// Codigo sin importancia.............
</div>
</div>
</div>
<? } ?>
</div></div>
espero que alguien me oriente...
Gracias de antemano
Saludos!!