Foros del Web » Creando para Internet » CSS »

Pequeño Problema De Maquetación

Estas en el tema de Pequeño Problema De Maquetación en el foro de CSS en Foros del Web. Hola a todos, espero me puedan ayudar, les presento mis dos codigos: CCS: @charset "utf-8"; /* CSS Document */ #MyDiv {margin : 10px 10px 10px ...
  #1 (permalink)  
Antiguo 06/05/2013, 14:01
 
Fecha de Ingreso: septiembre-2010
Mensajes: 28
Antigüedad: 13 años, 6 meses
Puntos: 1
Pequeño Problema De Maquetación

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"> &nbsp;&nbsp;&nbsp;
<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>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</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>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</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
  #2 (permalink)  
Antiguo 06/05/2013, 15:26
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 2 meses
Puntos: 306
Respuesta: Pequeño Problema De Maquetación

Solución: deja de apretar CTRL+ruedadelratón!!!

Otra cosa: achicar la pantalla no es lo mismo que hacer zoom.

Si lo que intentas, que supongo que viene por ese lado esta ola zooooombiera que nos afecta, es que tu web se adapte a diferentes resoluciones de pantalla usa media queries.

Saludos y ya suelta las rueditas que son para niños
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: color, contenido, html, imagenes, pequeño, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:48.