Hola a todos, espero me puedan ayudar, les presento mis dos codigos:
CCS:
@charset "utf-8";
/* CSS Document */
#MyDiv {margin : 10px 10px 10px 10px;}
/* IE6 Only */
* html #MyDiv {margin : 5px 5px 5px 5px;}
/* IE7 Only */
*:first-child+html #MyDiv {margin : 2px 2px 2px 2px;}
body {
font-family: "lucida grande", "Dejavu Sans", Tahoma, Verdana, Geneva, sans-serif;
color: #000;
background-attachment: fixed;
background-repeat:repeat-x;
clear: left;
border: 1;
}
.bodyform{
/*background:#EFEFEF;*/
/*background: url(../imagenes/fondoForm.bmp) repeat-y;*/
background-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
boder:0px;
margin:0px;
padding:0px;
/*background:url(../imagenes/fondo.jpg) repeat-y;*/
background-position:0 right;
}
#contenedor
{
margin: 0 auto;
width: 100%;
height:865px;
position: fixed;
background-position:center center;
}
#banner
{
position: relative;
height: 15%;
width: 100%;
visibility: visible;
z-index: 3;
margin:auto;
background-image:url(../imagenes/bannertt1.jpg);
background-position: center;
background-repeat: no-repeat;
padding-left:30px;
}
#pie
{
position: relative;
height: 15%;
width: 100%;
visibility: visible;
z-index: 3;
margin:auto;
background-image:url(../imagenes/foot_pdf.jpg);
background-position: center;
background-repeat: no-repeat;
padding-left:30px;
}
#menu
{
width: 15px;
height: 45px;
position:!important;
left: 0px;
z-index: 9;
}
.menu2
{
position: relative;
height:2.5%;
width:76%;
visibility: visible;
z-index: 3;
margin:auto;
background-image:url(../imagenes/bsuper.png);
background-position: center;
background-repeat: no-repeat;
padding-left:30px;
float:none;
}
.fecha{
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-style:italic;
color:#378257;
font-weight:bold;
position: relative;
visibility: visible;
margin:auto;
background-position: center;
background-repeat: no-repeat;
padding-left:30px;
}
.top
{
float:left;
display:inline;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-style:italic;
color:#378257;
font-weight:bold;
position: relative;
visibility: visible;
margin:auto;
background-position: center;
background-repeat: no-repeat;
padding-left:30px;
}
.menu3
{
padding:0;
margin:0;
margin-bottom:0;
list-style:none;
height:25px;
position:relative;
font-family:arial, verdana, sans-serif;
}
#contenido
{
height: auto;
width: 100%;
background-image:url(../index/intermedio.png);
background-position: center center;
background-repeat: no-repeat;
}
#lateral
{
height:610px;
width:320px;
background-image:url(../index/lateral.png);
background-repeat:no-repeat;
background-position:left;
}
.colorTitulo {
color: #000000;
font-weight: bold;
background: #ffffff url(../imagenes/tbar.gif) center center repeat-x;
font-size: 12px;
height: 33px;
padding-top:5px;
}
.colorPie{
background: #000000 url(../imagenes/bbar.gif) repeat-x ;
font-weight: bold;
}
.login
{
font-size:12px;
width:30%;
margin: 0 auto;
vertical-align:bottom;
padding-left:18px;
margin-left:auto;
margin-right:auto;
clear: both;
}
.margentabla
{
border:#000;
}
.tablamilista
{
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
}
.grafica
{
width: 800px;
height: 400px;
margin: 0 auto;
align="center;
}
y mi HTML:
<?php
session_start();
header('Content-Type: text/html; charset=ISO-8859-1');
if((isset($_SESSION['privilegio'])) )
{
echo "
<script>
location.href='inicio.php';
</script>
";
}
else
{
?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="../css/estilos.css"/>
<link rel="shortcut icon" href="../imagenes/favicon.ico" type="image/x-icon" />
<script language="javascript" type="text/javascript" src="../js/validaciones.js"></script>
<title>Sistema BRP</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>
<body>
<div id="contenedor">
<div id="banner">
</div>
<div class="menu2">
<li class="top">
<label class="fecha">
<font color="#FFFFFF">
<?php
setlocale(LC_TIME,"spanish");
$hoy=strftime("%A, %d de %B de %Y");
echo $hoy;
?>
</font>
</label>
</li>
</div>
<div id="contenido">
<form action="sesion.php" id="formulario" name="formulario" method="POST" Accept-Charset="ISO-8859-1">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<table border="0" class="login" align="center" cellspacing="10px" cellpadding="5px">
<tr>
<td colspan="2" align="center" class="colorTitulo">ACCESO </td>
</tr>
<tr>
<td width="59" style="padding-left:80px">Login:</td>
<td width="200"><input type="text" name="login" id="login" /></td>
</tr>
<tr>
<td style="padding-left:80px">Clave:</td>
<td><input type="password" name="clave" id="clave" /></td>
</tr>
<tr>
<td colspan="2" align="center" class="colorPie"><input type="submit" name="boton" id="boton" value="Acceso"/></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</form>
</div>
<div id="pie" align="center">
</div>
</div>
</body>
</html>
<?php
}
?>
Bien, El problema es el siguiente, que las tablas de login al igual que la fecha, se expanden, se estiran, pero si yo achico la pantalla (CTRL+rueda del raton hacia arriba), no se expande si no que mantiene el formato, pero si hago (CTRL+rueda del raton hacia abajo) la tabla se expande demasiado y la fecha se corre.
Me podrian ayudar con ese problema? tengo 2 semanas e intentado de todo con eso. Gracias