[Ovillo] Problema con la etiqueta form y overflow en IE6
Josÿffffe9 Luis Garcÿffffeda Lÿfffff3pez
jlgarcialopez84 en yahoo.es
Mar Mayo 20 12:57:34 UTC 2008
Buenas,
tengo un problema con la maquetación en aspx y html. El caso es que tengo una plantilla con una cabecera y un pie fijo y una capa contenido que hace scroll cuando se supera el espacio visible. Todo funciona bien hasta que tengo que meterle la etiqueta form después del body, deja de funcionar en IE6 (en ie7 y firefox funciona), pero si funciona en Firefox. Es imprescindible la etiqueta form, ya que aunque la maquetación es html, es la base de un aspx, el cual necesita este tag.
Si alguien pudiera echarle un vistazo...
Gracias por adelantado y un saludo
pongo las 2 urls donde están los ficheros
http://es.geocities.com/jlgarcialopez84/problema_form_ie/ADGestPartDis_busqueda.html
http://es.geocities.com/jlgarcialopez84/problema_form_ie/estilos_plantilla_porcentaje.css
Os copio el codigo y la css que estoy utilizando
codigo html****************************************************************+
<!--Force IE6 into quirks mode with this comment tag-->
<!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" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>titulo</title>
<link href="estilos_plantilla_porcentaje.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form>
<div class="cabecera">
<p class="cabecera_iconos"> <a href="#"><img src="imModulos/icono_home.gif" alt="Home" border="0" /></a> <a href="#"><img src="imModulos/icono_soporte.gif" alt="Soporte" border="0" /></a> <a href="#"><img src="imModulos/icono_ayuda.gif" alt="Ayuda" border="0" /></a> </p>
<p class="cabecera_logo"><a href="settings.html"><img src="imModulos/logo.gif" alt="Logo. Go to Home PModulo" border="0" /><img src="imModulos/logo_aplicacion.gif" alt="Application logo" /></a></p>
<p class="cabecera_titulo">
<label>view Modulo data </label>
</p>
</div>
<div class="menu_aplic">
<p class="migas">You are in: <a href="#">Home</a> » <a href="#">Modulo</a> » Titulo</p>
</div>
<div class="contenido">
<div class="formulario">
<div class="formulario_datos">
<div class="formulario_datos_tit_1">
<p>Searching Criteria</p>
</div>
<div class="subformulario_2">
<div class="separacion"></div>
<div class="form_literales">
<label>Modulo Number </label>
</div>
<div class="form_campos_2_col">
<input name="" type="text" style="width:98%;"/>
</div>
<div class="form_literales">
<label>SERD Number </label>
</div>
<div class="form_campos_2_col">
<input name="Input3" type="text" style="width:98%;"/>
</div>
<div class="separacion"></div>
<div class="form_literales">
<label>Contract Option </label>
</div>
<div class="form_campos_2_col">
<input name="Input4" type="text" style="width:98%;"/>
</div>
<div class="form_literales">
<label>Requirement for SRS </label>
</div>
<div class="form_campos_2_col">
<select name="select7">
<option>Sí</option>
<option>No</option>
</select>
</div>
<div class="separacion"></div>
<div class="form_literales">
<label>Modulo Class </label>
</div>
<div class="form_campos_2_col">
<select name="select8" style="width:99%;">
</select>
</div>
<div class="form_literales">
<label>ND Nomenclature </label>
</div>
<div class="form_campos_2_col">
<input name="Input7" type="text" style="width:98%;"/>
</div>
<div class="separacion"></div>
<div class="form_literales">
<label>Commercial Handbook </label>
</div>
<div class="form_campos_2_col">
<select name="select6">
<option>Sí</option>
<option>No</option>
</select>
</div>
<div class="form_literales">
<label>Modulo Type </label>
</div>
<div class="form_campos_2_col">
<select name="select5" style="width:99%;">
</select>
</div>
<div class="separacion"></div>
<div class="form_literales">
<label>ML1</label>
</div>
<div class="form_campos_2_col">
<select name="">
<option>Sí</option>
<option>No</option>
</select>
</div>
<div class="form_literales">
<label>OFF A/C</label>
</div>
<div class="form_campos_2_col">
<select name="select3">
<option>Sí</option>
<option>No</option>
</select>
</div>
<div class="separacion"></div>
<div class="form_literales">
<label>ML2 </label>
</div>
<div class="form_campos_2_col">
<select name="select4">
<option>Sí</option>
<option>No</option>
</select>
</div>
<div class="form_literales">
<label>ON A/C </label>
</div>
<div class="form_campos_2_col">
<select name="select2">
<option>Sí</option>
<option>No</option>
</select>
</div>
<div class="separacion"></div>
<div class="form_literales">
<label>ML3 </label>
</div>
<div class="form_campos_2_col">
<select name="select">
<option>Sí</option>
<option>No</option>
</select>
</div>
</div>
</div>
<div class="barra_botones">
<input type="button" value="Search" class="boton" />
<input type="button" value="New Search" class="boton" />
</div>
<div class="formulario_datos">
<div class="formulario_datos_tit_1">
<p>Searching Results</p>
</div>
<div class="separacion"></div>
<div class="datalist_contenedor">
<div class="datalist_4">
<div class="cabecera_tabla">
<table border="0" cellpadding="0" cellspacing="1" width="100%">
<tr>
<td class="cabecera_celdas" style="width:15%;"> Modulo Num </td>
<td class="cabecera_celdas" style="width:5%"> ML1</td>
<td class="cabecera_celdas" style="width:5%"> ML2</td>
<td class="cabecera_celdas" style="width:5%"> ML3</td>
<td class="cabecera_celdas" style="width:10%"> On AC</td>
<td class="cabecera_celdas" style="width:10%"> Off AC</td>
<td class="cabecera_celdas" style="width:10%"> Option </td>
<td class="cabecera_celdas" style="width:15%"> Modulo Class </td>
<td class="cabecera_celdas" style="width:15%"> Modulo Type </td>
</tr>
</table>
</div>
<div class="registros_tabla" style="border:0px;height:280px;overflow:auto;overflow-x:hidden;">
<table border="0" cellpadding="0" cellspacing="1" class="registros_datalist" width="100%">
<tr>
<td class="" style="width:15%;"> Modulo Num </td>
<td class="" style="width:5%"><div align="center">ML1</div></td>
<td class="" style="width:5%"><div align="center">ML2</div></td>
<td class="" style="width:5%"><div align="center">ML3</div></td>
<td class="" style="width:10%"><div align="center">On AC</div></td>
<td class="" style="width:10%"><div align="center">Off AC</div></td>
<td class="" style="width:10%">Option </td>
<td class="" style="width:15%">Modulo Class </td>
<td class="" style="width:15%"><div align="center">No</div></td>
</tr>
<tr>
<td class="">Modulo Req. Num.</td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">Off On </div></td>
<td class=""><div align="center">Off AC</div></td>
<td class="">Option </td>
<td class="">AG Class </td>
<td class=""><div class="align_center">No</div></td>
</tr>
<tr>
<td class="">Modulo Req. Num.</td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">Off On </div></td>
<td class=""><div align="center">Off AC</div></td>
<td class="">Option </td>
<td class="">AG Class </td>
<td class=""><div class="align_center">No</div></td>
</tr>
<tr>
<td class="">Modulo Req. Num.</td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">Off On </div></td>
<td class=""><div align="center">Off AC</div></td>
<td class="">Option </td>
<td class="">AG Class </td>
<td class=""><div class="align_center">No</div></td>
</tr>
<tr>
<td class="">Modulo Req. Num.</td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">Off On </div></td>
<td class=""><div align="center">Off AC</div></td>
<td class="">Option </td>
<td class="">AG Class </td>
<td class=""><div class="align_center">No</div></td>
</tr>
<tr>
<td class="">Modulo Req. Num.</td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">Off On </div></td>
<td class=""><div align="center">Off AC</div></td>
<td class="">Option </td>
<td class="">AG Class </td>
<td class=""><div class="align_center">No</div></td>
</tr>
<tr>
<td class="">Modulo Req. Num.</td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">Off On </div></td>
<td class=""><div align="center">Off AC</div></td>
<td class="">Option </td>
<td class="">AG Class </td>
<td class=""><div class="align_center">No</div></td>
</tr>
<tr>
<td class="">Modulo Req. Num.</td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">Off On </div></td>
<td class=""><div align="center">Off AC</div></td>
<td class="">Option </td>
<td class="">AG Class </td>
<td class=""><div class="align_center">No</div></td>
</tr>
<tr>
<td class="">Modulo Req. Num.</td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">Off On </div></td>
<td class=""><div align="center">Off AC</div></td>
<td class="">Option </td>
<td class="">AG Class </td>
<td class=""><div class="align_center">No</div></td>
</tr>
<tr>
<td class="">Modulo Req. Num.</td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">Off On </div></td>
<td class=""><div align="center">Off AC</div></td>
<td class="">Option </td>
<td class="">AG Class </td>
<td class=""><div class="align_center">No</div></td>
</tr>
<tr>
<td class="">Modulo Req. Num.</td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">Off On </div></td>
<td class=""><div align="center">Off AC</div></td>
<td class="">Option </td>
<td class="">AG Class </td>
<td class=""><div class="align_center">No</div></td>
</tr>
<tr>
<td class="">Modulo Req. Num.</td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">No</div></td>
<td class=""><div align="center">Off On </div></td>
<td class=""><div align="center">Off AC</div></td>
<td class="">Option </td>
<td class="">AG Class </td>
<td class=""><div class="align_center">No</div></td>
</tr>
</table>
</div>
<div class="separacion"></div>
<div class="paginacion">
<p class="float_left"> <strong>132 Records founds </strong> </p>
<p class="float_right"> <a href="#">« Start </a> <a href="#">‹ Back </a> <strong>2/7</strong> <a href="#">Next ›</a> <a href="#">Last »</a> </p>
</div>
</div>
</div>
<!--FIN DE CAPA FORMULARIO Y CONTENIDO-->
</div>
<div class="barra_botones">
<input type="button" class="boton" style="width:150px;" onclick="MM_goToURL('parent','#');return document.MM_returnValue" value="Show Modulo Detail"/>
<input type="button" class="boton" value="Export" onclick="MM_openBrWindow('export.html','','width=423,height=60, status=no')" />
<input name="button" type="button" class="boton" value="Print"/>
<input name="button" type="button" class="boton" onclick="MM_goToURL('parent','#');return document.MM_returnValue" value="Return"/>
</div>
</div>
</div>
<div class="pie">
<p>
<input name="" type="text"/>
</p>
</div>
</form>
</body>
</html>
ESTILOS***************************************************************************************
/* CSS Document */
@import url("estilos_menu.css");
BODY {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
color: #000000;
font-size:11px;
background-color:#E5E5E5;
}
* body{ /*IE6 hack*/
padding: 80px 0 20px 0;
font-size:11px;
}
/*GENERALES*/
.boton{
border:1px solid #000000;
color:#ffffff;
height:22px;
width:100px;
font-size:11px;
font-weight:bold;
background-color:#333333;
}
html>body .boton{
padding-bottom:3px;
}
.deshabilitado, .deshabilitado_label{
border:1px solid #999999;
color:#666666;
background-color:#cccccc;
}
.deshabilitado_label{
height:17px;
}
INPUT{
height:15px;
font-size:11px;
border:1px solid #999999;
}
html>body input{
height: 13px;
}
SELECT{
height:15px;
font-size:11px;
border:1px solid #999999;
}
html>body SELECT{
height:17px;
}
DIV{
padding:0px;
margin:0px;
}
P {
padding:0px;
margin:0px;
}
label {
padding:0px;
margin:0px;
}
a{
color:#006699;
text-decoration:none;
}
a:hover{
color:#006699;
text-decoration:underline;
}
table{
font-size:11px;
}
.contenedor {
width: 98%;
height:710px;
background-color: #fff;
margin:auto;
border:1px solid #999;
position:relative;
}
/*ESTILOS CABECERA*/
.cabecera{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px;
overflow: hidden;
background-image:url(/UITemplate.Images/Images_plantilla/cabecera_fondo.jpg);
background-position:top right;
background-repeat: no-repeat;
}
.cabecera_logo{
border:0px;
float:left;
}
.cabecera img {
border:0px;
}
.cabecera_logo a{
font-size: 30px;
color:#fff;
font-weight:bold;
text-decoration:none;
padding-bottom:2px;
}
.cabecera_titulo{
padding-left:50px;
padding-top:15px;
width:620px;
font-size:18px;
color:#FFFFFF;
font-weight:bold;
text-transform: uppercase;
float:left;
}
.cabecera_iconos{
position:relative;
float:right;
margin-top:5px;
margin-right:5px;
display:inline;
}
/*MENU*/
.menu_aplic{
position:absolute;
top:55px;
left:0px;
width:100%;
height:25px;
background-image: url(/UITemplate.Images/Images_plantilla/contenido_titulo.jpg);
background-position:top left;
background-repeat:repeat-x;
border-top:1px solid #ffffff;
clear:both;
overflow:hidden;
}
.menu_aplic p.float_left a{
padding-left:18px;
padding-right:5px;
padding-bottom:2px;
padding-top:3px;
font-weight: bold;
font-size:11px;
color:#fff;
text-decoration:none;
background-image:url(/UITemplate.Images/Images_plantilla/menu_ico.gif);
background-position:left center;
background-repeat:no-repeat;
width:80px;
margin-left:2px;
display:block;
float:left;
}
.menu_aplic a:hover{
background-color:#069;
border-bottom:1px solid #0099cc;
}
.menu_aplic p{
position:relative;
float:left;
font-size:13px;
color:#FFFFFF;
margin-top:3px;
margin-left:0px;
display:inline;
}
html>body .menu_aplic p{
margin-top:0px;
padding-top:6px;
}
.menu_aplic p.migas{
float:right;
margin-right:10px;
font-size: 11px;
padding-top:2px;
display:block;
text-align:right;
width:350px;
}
html>body .menu_aplic p.migas{
margin-top:3px;
}
.migas a{
font-weight: bold;
text-decoration:none;
color: #FFFFFF;
padding-left:3px;
padding-right:3px;
}
.migas a:hover{
font-weight: bold;
text-decoration:none;
background-color: #FFFFFF;
color:#006699;
}
/*CONTENIDO*/
.contenido, .contenido_relative{
position: fixed;
top: 80px; /*Set top value to HeightOfTopFrameDiv*/
left: 0;
right: 0;
bottom: 20px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow:auto;
background-color:#E5E5E5;
border-top:1px solid #ffffff;
}
* html .contenido{
height: 100%;
width: 100%;
}
.contenido_relative{
position:relative;
top:0px;
left:0px;
}
/*CONTENEDOR CENTRADO EN LA CAPA CONTENIDO. UTILIZADO EN CAMBIO DE CLAVE, SETTINGS (ventana tras validarnos en la aplicacin)*/
.contenido_contenedor_centrado {
position:relative;
float:left;
width:98%;
height:100%;
background-image:url(images/DDDD.jpg);
background-position:top left;
background-repeat:no-repeat;
}
.
.contenido_contenedor_centrado_pie{
position:absolute;
clear:both;
text-align:center;
bottom:40px;
width:100%;
}
.contenido_contenedor_centrado_left{
float:left;
position:relative;
clear:left;
width:35%;
height:auto;
margin-top: 50px;
}
.contenido_contenedor_centrado_right, .contenido_contenedor_centrado_right_2{
float:right;
position:relative;
width:60%;
display:inline;
margin-top:50px;
margin-left: 20px;
}
.contenido_contenedor_centrado_right_2{
background-color:#e5e5e5;
border:1px solid #cccccc;
}
.img_modules{
}
.padding_img{
position:relative;
padding:4px;
background-color:#FFFFFF;
float:left;
margin-left:10px;
margin-bottom:10px;
}
/*.mod7{
float:right;
padding-right:6px;
}
html>body .mod7{
padding-right:16px;
}*/
/*a:hover.modulos{
border:1px solid #666;
padding:3px;
}*/
a.modulos img{
border:0px;
}
.contenido_contenedor_centrado_left p{
line-height:18px;
margin-left: 40px;
margin-right: 30px;
text-align:justify;
}
.login_form_literales{
position:relative;
float:left;
width:200px;
font-weight:bold;
text-align:right;
margin-bottom:22px;
}
.login_form_campos{
position:relative;
float:left;
width:200px;
padding-left:3px;
text-align:left;
}
.formulario{
clear:both;
position:relative;
display:block;
padding-left:10px;
padding-right:10px;
height:100%;
}
/*width=988px + 2 aprox*/
.formulario_datos, .formulario_datos_pestanas, .formulario_datos_frame, .formulario_datos_pestanas_frame{
position:relative;
float:left;
display:inline;
width:99%;
border:1px solid #ccc;
position:relative;
clear:both;
z-index:30;
margin-top:5px;
margin-bottom:5px;
}
.formulario_datos_frame{
width:100%;
border:0px;
}
.formulario_datos_frame_left{
width:20%;
height:430px;
overflow:auto;
float:left;
border:1px solid #ccc;
}
.formulario_datos_frame_right{
width:78%;
float:right;
border:1px solid #ccc;
}
.formulario_datos_pestanas_frame{
width:98%;
margin-top:0px;
}
.formulario_datos_mitad{
border:1px solid #CCCCCC;
float:left;
margin-top:5px;
display:inline;
position:relative;
z-index:30;
margin-right:4px;
}
.treeview{
padding-left:10px;
padding-top:10px;
}
.treeview td{
background-color:#e6e6e6;
}
.treeview a {
color: #000000;
text-decoration: none;
}
.treeview a:hover{
color: #999999;
text-decoration: none;
}
.form_literales_frame{
float:left;
width:145px;
font-weight: bold;
text-align:right;
color:#006699;
}
.form_literales_frame label{
margin-right:3px;
}
.form_campos_frame_1_col, .form_campos_frame_2_col{
float:left;
width:608px;
}
.form_campos_frame_2_col{
width:229px;
}
.color_cab{
background-color:#B7CED0;
}
.formulario_datos_pestanas{
margin-top:0px;
}
.formulario_datos_tit_1{
clear:both;
display:block;
background-color:#666666;
}
.formulario_datos_tit_1 p{
padding-left:5px;
padding-right:10px;
padding-top:2px;
padding-bottom:2px;
color:#ffffff;
font-weight:bold;
}
.formulario_datos_tit_2, .formulario_datos_pestanas_tit{
clear:both;
display:block;
background-color:#999999;
}
.formulario_datos_tit_2 p, .formulario_datos_pestanas_tit p{
padding-left:5px;
padding-right:10px;
padding-top:2px;
padding-bottom:2px;
color:#ffffff;
font-weight:bold;
}
.formulario_datos_pestanas_tit{
background-color:#ccc;
}
/*datos con recuadro dentro del formulario de datos que conforma una unidad de datos o campos relacionados*/
.subformulario, .subformulario_overflow, .subformulario_sin_borde, .subformulario_overflow_2_mitad{
width:976px;
/*display:block;*/
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
margin-top:0px;
padding-bottom:2px;
background-color:#e6e6e6;
border:1px solid #ccc;
display:inline;
float:left;
}
.subformulario_sin_borde{
border:0px;
width:978px;
}
/*para generar dos cajas de 460px cada una*/
.subformulario_left{
position:relative;
float:left;
width: 460px;
}
.subformulario_right{
position:relative;
float:right;
width: 460px;
}
/*cajas per con margen a derecha o izquierda para cuando no todo va incluido en la capa subformulario*/
.subformulario_left_margin_5{
position:relative;
float:left;
width: 460px;
margin-left:5px;
display:inline;
border:1px solid #ccc;
}
.subformulario_right_margin_5{
position:relative;
float:right;
width: 460px;
margin-right:5px;
display:inline;
border:1px solid #ccc;
}
/*para generar dos cajas de 400px cada una con botonera para aadir y quitar registros*/
.subformulario_left_2, .subformulario_left_2_2, .subformulario_left_2_2_overflow{
position:relative;
float:left;
width: 423px;
border:1px solid #ccc;
padding-bottom:5px;
}
.subformulario_left_2_2{
width: 483px;
}
.subformulario_left_2_2_overflow{
width: 473px;
}
.subformulario_left_2_botones{
position:relative;
float:left;
width: 140px;
padding-top:80px;
text-align:center;
}
.subformulario_right_2, .subformulario_right_2_2, .subformulario_right_2_2_overflow{
position:relative;
float:right;
width: 423px;
border:1px solid #ccc;
padding-bottom:5px;
}
.subformulario_right_2_2{
width: 483px;
}
.subformulario_right_2_2_overflow{
width: 473px;
}
.subformulario_mitad_left{
width:48%;
float:left;
border:1px solid #ccc;
margin-bottom:5px;
}
.subformulario_mitad_right{
width:48%;
float:right;
border:1px solid #ccc;
margin-right:0px;
margin-bottom:5px;
}
table{
background-color:#CCCCCC;
}
th, .subformulario_right th, .subformulario_left th{
background-color:#666666;
color:#FFFFFF;
text-align:left;
padding-left:3px;
}
.subformulario_right td, .subformulario_left td{
padding_left:2px;
padding_right:2px;
background-color:#FFFFFF;
}
.subformulario_overflow{
width:956px;
margin-right:0px;
}
.subformulario_overflow_2_mitad{
width:958px;
margin-right:0px;
}
/*datos sin recuadro dentro del formulario de datos*/
.subformulario_2, .subformulario_2_overflow, .subformulario_2_frame{
width:98%;
display:block;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
margin-top:5px;
}
.subformulario_mitad{
margin:5px;
}
.subformulario_2_overflow{
width:956px;
margin-right:0px;
}
.subformulario_2_frame{
width:768px;
}
/*datos con recuadro dentro del formulario de datos que conforma una unidad de datos o campos relacionados*/
.pestanas, .pestanas_frame{
width:988px;
display:block;
margin:0px;
padding-bottom:0px;
margin-top:0px;
}
.pestanas_frame{
width:768px;
}
html>body .pestanas{
display:inline;
float:left;
margin-left:-40px;
}
*:first-child+html body .pestanas{
margin-left:0px;
}
.subformulario_pestanas{
width:976px;
display:block;
margin-left:5px;
margin-right:5px;
background-color:#e6e6e6;
border:1px solid #ccc;
border-top:0px;
margin-bottom:5px;
margin-top:0px;
padding-top:5px;
}
/*CONTENEDOR OVERFLOW*/
.contenedor_overflow{
position:relative;
float:left;
width:988px;
height:470px;
overflow:auto;
}
/*PESTAAS*/
#tabcontainer{
margin-top:10px;
margin-bottom:0px;
padding-bottom:0px;
}
#tab{
margin: 0;
padding-bottom: 19px;
}
#tab ul, #tab li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
#tab a{
background: #333333;
border: 1px solid #cccccc;
border-bottom:0px;
color: #ffffff;
float: left;
line-height: 14px;
margin-right: 2px;
padding: 2px 5px 2px 5px;
text-decoration: none;
}
#tab a:hover {
text-decoration:underline;
background-color:#006699;
color: #ffffff;
}
#tab li .current{
background: #006699;
color: #ffffff;
font-weight:bold;
}
#tab li a:hover.current{
background-color: #006699;
color: #ffffff;
text-decoration:none;
}
#tab li .desactivado{
background-color: #e6e6e6;
color: #ccc;
}
#tab li a:hover.desactivado{
background-color: #e6e6e6;
color: #ccc;
text-decoration:none;
}
#tab li .color_1{
background:#99CC00;
color: #ffffff;
font-weight:bold;
}
/*.formulario_datos_tit_2_fin{
margin-left:5px;
margin-right:5px;
border-top:1px solid #ccc;
height:2px;
margin:5px;
clear:both;
}*/
.form_literales, .form_literales_4_col{
position:relative;
float:left;
width:16%;
text-align:right;
font-weight:bold;
padding-right:2px;
height:18px;
color:#006699;
}
.literales{
font-weight:bold;
}
.form_literales_4_col{
width:114px;
}
.literales_notas{
font-size:9px;
}
.form_literales_no_tamano{
font-weight:bold;
padding-right:2px;
height:18px;
color:#006699;
}
.literales{
font-weight:bold;
color:#006699;
}
.form_campos_1_col, .form_campos_2_col, .form_campos_3_col, .form_campos_4_col, .form_campos_1_col_overflow, .form_campos_2_col_overflow, .form_campos_3_col_overflow, .form_campos_1_col_lupa, .form_campos_2_col_lupa, .form_campos_3_col_lupa {
position:relative;
float:left;
width:76%;
text-align:left;
}
.form_campos_1_col ul, .form_campos_2_col ul, .form_campos_3_col ul, .form_campos_4_col ul, .form_campos_1_col_overflow ul, .form_campos_2_col_overflow ul, .form_campos_3_col_overflow ul{
list-style-image: url(/UITemplate.Images/Images_plantilla/guion_final.gif);
list-style-type: none;
margin-left:20px;
}
html>body .form_campos_1_col ul, html>body .form_campos_2_col ul, html>body .form_campos_3_col ul, html>body .form_campos_4_col ul, html>body .form_campos_1_col_overflow ul, html>body .form_campos_2_col_overflow ul, html>body .form_campos_3_col_overflow ul{
margin-left:-10px;
margin-top:0px;
}
/*campos en modo visualizacin -> labels se separan del literal del campo*/
.form_campos_1_col label, .form_campos_2_col label, .form_campos_3_col label, .form_campos_4_col label, .form_campos_1_col_overflow label, .form_campos_2_col_overflow label, .form_campos_3_col_overflow label, .form_campos_visualizacion_1_col label, .form_campos_1_col_lupa label, .form_campos_2_col_lupa label, .form_campos_3_col_lupa label{
margin-left:5px;
}
.form_campos_2_col{
width:33%;
}
.form_campos_2_col a{
color:#006699;
text-decoration:underline;
}
.form_campos_2_col a:hover{
color:#000000;
}
.form_campos_3_col{
width:17%;
}
.form_campos_4_col{
width:120px;
}
.form_campos_1_col_lupa{
width:789px;
}
.form_campos_2_col_lupa{
width:309px;
}
.form_campos_3_col_lupa {
width:150px;
}
.form_campos_sub_2_2{
float:left;
width:220px;
margin-left:10px;
display:inline;
}
.lupa{
width:20px;
float:left;
text-align:left;
}
.ul_inline ul{
margin:0px;
padding:0px;
}
.ul_inline li{
display:inline;
margin:0px;
padding:0px;
margin-left:15px;
padding-left:15px;
}
/*utilizado para contenedores que se debe hacer scroll en vertical, ms pequeo que form_campos_2_col por el scroll que sale en la horizontal*/
.form_campos_1_col_overflow{
width:780px;
}
.form_campos_2_col_overflow{
width:315px;
}
.form_campos_3_col_overflow{
width:160px;
}
.form_campos_visualizacion_1_col{
float:left;
width:810px;
height:53px;
overflow:auto;
margin-bottom:5px;
}
.barra_botones, .barra_botones_bottom{
text-align:center;
position:relative;
width:100%;
margin-top:5px;
margin-bottom:5px;
clear:both; /*aadido el 17/04/2007*/
}
html>body .barra_botones, html>body .barra_botones_left, html>body .barra_botones_right{
padding-top:5px;
}
*:first-child+html .barra_botones_bottom{
left:0px;
}
.barra_botones_bottom{
position:absolute;
float:left;
bottom:10px;
left:0px;
}
html>body .barra_botones_bottom{
bottom:5px;
position:absolute;
float:left;
}
/*DATALIST*/
.Lista, .Lista_2{
width:968px;
/*background-color:#99CC66;*/
margin-left:10px;
margin-right:10px;
padding:0px;
clear:both;
display:block;
padding-bottom:5px;
padding-top:5px;
}
.Lista_2{
width:380px;
}
/*
.datalist_botones_left{
position:relative;
float:left;
height:100%;
padding:0px;
margin:0px;
}
.datalist_botones_left_top{
top:0px;
}
.datalist_botones_left_bottom, .datalist_botones_left_top{
position:absolute;
bottom:0px;
left:0px;
width:30px;
height:30px;
overflow:hidden;
z-index:1;
margin:0px;
padding:0px;
}
*/
.datalist, .datalist_2, .datalist_2_popup, .datalist_3, .datalist_4, .datalist_4_frame{
float:right;
position:relative;
display:inline;
margin-right:0px;
width: 988px;
height:auto;
/*background-color:#FF9900;*/
}
.datalist_2{
width:363px;
margin-top:5px;
margin-right:5px;
}
.datalist_2_popup{
width:413px;
margin-top:5px;
margin-right:5px;
}
.datalist_3{
width:473px;
margin:5px;
}
.datalist_4{
margin:5px;
width:99%;
}
.datalist_4_frame{
margin:5px;
width:756px;
}
.datalist_7{
margin:5px;
width:965px;
}
.paginacion{
position:relative;
float:right;
padding-top:5px;
padding-bottom:5px;
display:inline;
font-size:10px;
margin: 0px 5px 0px 5px;
}
.paginacion a{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#006699;
font-weight: bold;
}
.paginacion a:hover{
text-decoration:none;
color:#333333;
font-weight: bold;
}
.fila_seleccionada td{
background-color:#8DA9C5;
color:#000000;
font-weight:bold;
}
.fila_asociada td{
background-color:#EAEC88;
color:#000000;
font-weight:bold;
}
.registros_datalist{
width:100%;
}
.registros_datalist tr, .registros_treeview tr{
padding-top:2px;
padding-bottom:2px;
vertical-align: top;
background-color: #FFFFFF;
}
.cabecera_celdas{
background-color:#999999;
color: #FFFFFF;
font-weight:bold;
align:left;
height: 20px;
}
/*
.cabecera_celdas_1{
background-color:#003366
}
.cabecera_celdas_2{
background-color:#006699
}
.cabecera_celdas_3{
background-color:#3366CC;
}*/
/*PIE*/
.pie{
top: auto;
bottom: 0;
position: absolute;
left: 0;
width: 100%;
height: 20px; /*Height of top frame div*/
overflow: hidden;
background-image:url(/UITemplate.Images/Images_plantilla/pie.jpg);
background-position:top left;
background-repeat:repeat-x;
border-top:1px solid #ffffff;
}
.pie p{
text-align:left;
color:#ffffff;
margin-left:10px;
padding-top:3px;
}
.pie input{
width:800px;
background:none;
border:0px;
color:#FFFFFF;
}
/*INFORMES*/
.informes_literales{
position:relative;
clear:both;
float:left;
margin:2px;
display:block;
width:420px;
}
.informes_literales_tit{
position:relative;
clear:both;
float:left;
font-weight:bold;
margin:5px;
display:block;
width:430px;
text-transform:uppercase;
color:#006699;
}
/*POPUP. INFOMRES*/
.subformulario_popup{
position:relative;
float:left;
width: 460px;
height:300px;
background-color:#E5E5E5;
}
.subformulario_popup_1{
position:relative;
float:left;
width: 440px;
margin-left:10px;
display:inline;
border:1px solid #cccccc;
}
/*botonera para ventanas de popup y tamaos iguales*/
.barra_botones_popup{
text-align:center;
position:absolute;
display:block;
left:10px;
right:10px;
top:270px;
width:440px;
}
/*LOGIN*/
.login_contenedor {
position:absolute;
width: 800px;
height:500px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -400px;
margin-top: -250px;
background-image:url(/UITemplate.Images/Images_plantilla/login_fondo.jpg);
background-position:top left;
background-repeat:no-repeat;
}
.login_contenedor a{
color:#006699;
font-weight: bold;
text-decoration: none;
}
.login_contenedor a:hover{
color:#006699;
font-weight: bold;
text-transform:uppercase;
}
.login_left{
float:left;
position:relative;
clear:left;
width:290px;
height:auto;
margin-top: 30px;
margin-left:30px;
background-image:url(/UITemplate.Images/Images_plantilla/login_logo.gif);
background-repeat:no-repeat;
background-position:top left;
}
.login_left_2{
float:left;
position:relative;
clear:left;
width:317px;
height:auto;
margin-top: 30px;
background-image:url(/UITemplate.Images/Images_plantilla/anadir_a_favoritos.gif);
background-repeat:no-repeat;
background-position:40px 0px;
}
.login_left p{
margin-top:90px;
line-height:15px;
margin-left: 40px;
margin-right: 30px;
text-align:justify;
}
.login_left_2 p{
line-height:55px;
margin-left: 100px;
margin-right: 30px;
text-align:justify;
}
.login_right{
float:right;
position:relative;
clear:right;
width:380px;
display:inline;
margin-top:80px;
margin-right:40px;
text-align:right;
}
.login_logo_casa{
background-image: url(/UITemplate.Images/Images_plantilla/login_logo_EADS_CASA.gif);
background-repeat: no-repeat;
background-position: top right;
height:120px;
margin-top:30px;
}
.login_form_literales{
position:relative;
float:left;
width:150px;
font-weight:bold;
text-align:right;
margin-bottom:22px;
}
.login_form_campos{
position:relative;
float:left;
width:222px;
padding-left:3px;
}
.login_pie{
position:absolute;
clear:both;
text-align:center;
bottom:40px;
width:100%;
}
/*TREEVIEW*/
.nivel_1{
margin-left: 5px;
}
.nivel_2{
margin-left: 25px;
}
.nivel_3{
margin-left: 45px;
}
.nivel_4{
margin-left: 65px;
}
.nivel_5{
margin-left: 85px;
}
.nivel_6{
margin-left: 105px;
}
.nivel_7{
margin-left: 125px;
}
.con_hijos{
font-weight:bold;
color:#006699;
}
.normal{
font-weight:normal;
color:#000000;
}
.totales{
background-color:#cccccc;
color:#000000;
text-align:right;
color:#003366;
}
.totales_2{
background-color:#333333;
font-weight: bold;
text-align:right;
color:#ffffff;
}
/*VENTANA DE ERROR, INFO, ADVERTENCIA... POPUP*/
.contenedor_error{
background-color:#fff;
margin:5px;
padding:0px;
padding-bottom:5px;
border:1px solid #e6e6e6;
}
.titulo_error{
background-color:#006699;
color:#FFFFFF;
}
.titulo_error p{
padding: 2px 5px 2px 5px;
}
.contenedor_image_error{
float:left;
width:65px;
height:65px;
margin-top:7px;
background-color:#fff;
}
.contenedor_texto_error{
margin-left:60px;
clear:right;
padding:10px;
margin-top:5px;
height:60px;
overflow:auto;
}
.contenedor_botones_error{
clear:both;
margin:5px;
padding:5px;
text-align:center;
background-color:#f5f5f5;
border:1px solid #e6e6e6;
}
/*VENTANA MODAL DE ERROR, INFO, ADVERTENCIA*/
.body_modal{
font-family:"Trebuchet MS";
font-size:90%;
background-image:url(/UITemplate.Images/Images_plantilla/fondo_modal.jpg);
background-position:bottom right;
background-repeat:no-repeat;
}
.modal_titulo{
margin:0px;
padding:3px 5px 5px 10px;
background-color:#5C5975;
color:#fff;
font-size:110%;
font-weight:bold;
}
.modal_imagen{
float:left;
width: 80px;
margin-top:20px;
margin-left:10px;
display:inline;
text-align:center;
}
.modal_texto{
float:right;
width:360px;
height:220px;
margin-top:20px;
margin-bottom:20px;
margin-right:5px;
overflow-x:hidden;
display:inline;
overflow:auto;
}
.modal_botonera{
clear:both;
display:block;
padding:5px;
text-align:center;
border:1px solid #e6e6e6;
background-color:#f4f4f4;
margin:5px;
}
/*VARIOS Y AJUSTES*/
.float_left{
float:left;
position:relative;
}
.float_right{
float:right;
}
.clear_right{
clear:right;
}
.clear_both{
clear:both;
}
.align_center{
text-align:center;
}
.align_left{
text-align:left;
}
.align_right{
text-align:right;
}
.border_0{
border:0px;
}
table.border_0{
background-color:#e5e5e5;
}
table.border_0 input{
border:0px;
}
span.border_0 input
{
border:0px;
}
.margin_left_5{
margin-left:5px;
display:inline;
}
.margin_left_10{
margin-left:10px;
display:inline;
}
.margin_left_15{
margin-left:15px;
}
.margin_right_5{
margin-right:5px;
display:inline;
}
.margin_right_10{
margin-right:10px;
display:inline;
}
.margin_right_15{
margin-right:15px;
}
.margin_bottom_0{
margin-bottom:0px;
}
.margin_top_5{
margin-top:5px;
}
.margin_top_10{
margin-top:10px;
}
.separacion{
clear:both;
margin-bottom:2px;
}
html>body .separacion{
margin-bottom:0px;
}
.separacion_1{
clear:both;
margin-bottom:5px;
}
.separacion_2{
clear:both;
margin-bottom:10px;
}
html>body .separacion{
height:2px;
}
.padding_right_5{
padding-right:5px;
}
.cabecera_tabla{
width:100%;
}
/*Estilos creados el 9 de Mayo de 2008*/
________________________________
Enviado desde Correo Yahoo!
La bandeja de entrada más inteligente.
______________________________________________
Enviado desde Correo Yahoo! La bandeja de entrada más inteligente.
Más información sobre la lista de distribución Ovillo