problemas con controles
Publicado por victor (15 intervenciones) el 19/05/2006 06:21:21
Les cuento tengo unos problemas con los controles y links de una pagina.
La pagina esta una plantilla css en donde hay una cabecera,una seccion a la izq que es un menu y a la derecha q es el contenido.
resulta que cuando posiciono controles ya sean html o webcontrols en los exploradores firefox y opera los puedo ver pero con el mouse no tengo acceso a ellos es como si estuvieran una capa mas abajo, lo q he percibido ya que puedo tener acceso a ellos presionando tab repetidas veces para llegar al control. Lo extraño es que en explorer funcionan perfecto.
Si coloco algun control en la zona del contenido niun problema, en ningun explorador, el tema esta que he copiado y realizado una copia de la pagina pero en html y si funcionan!!! o sea a los controles tengo acceso con el mouse, pero por ke en aspx noooo!!!???.
Lo extraño que lo mismo me ocurria con otra pagina pero de 3 secciones en q en las secciones de la izq y derecha pasaba lo mismo.
para una mayor claridad pegare el codigo de la pagina y de la hoja de estilo
<%@ Page Language="vb" AutoEventWireup="false" Codebehind="Test.aspx.vb" Inherits="Redard.Test"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>Test</title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<LINK href="Estilo.css" type="text/css" rel="stylesheet">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<div id="container">
<div id="header">
Cabecera
</div>
<div id="wrapper">
<div id="content"><p>Contenido</p>
</div>
</div>
<div id="navigation"><p>Login</p>
<table width="190" border="0">
<tr>
<td>Login:</td>
<td><asp:textbox id="Textbox1" runat="server" Width="80px" Height="22px" MaxLength="10" Columns="10"></asp:textbox></td>
</tr>
<tr>
<td>Password:</td>
<td><asp:textbox id="Textbox2" runat="server" Width="80px" Height="22px" MaxLength="10" Columns="10"></asp:textbox></td>
</tr>
<tr>
<td align="center" colSpan="2"><asp:button id="Button1" runat="server" Width="64px" Height="24px" Text="Ingresar"></asp:button></td>
</tr>
</table>
</div>
<div id="extra"><p>Menu</p>
</div>
<div id="footer">
<P></P>
</div>
</div>
</form>
</body>
</HTML>
body{margin:0;
padding:0;
font: 76% arial,sans-serif;
text-align:center
}
#header {
height:130px;
margin:0;
background-color: #003362;
color: #FFFFFF}
#container{
text-align:left;
width:780px;
margin:0 auto;}
#content p{line-height:1.4}
#content{float:right;width:580px}
#navigation{
background:#B9CAFF;
float:left;
width:200px}
#extra{
background:#FF8539;
float:left;
clear:left;
width:200px}
#footer{
background: #333;
color: #FFF;
clear:both;
width:100%}
eso seria ojala me puedan ayudar ya que la vez anterior no pude resolverlo y espero q esta vez se pueda
La pagina esta una plantilla css en donde hay una cabecera,una seccion a la izq que es un menu y a la derecha q es el contenido.
resulta que cuando posiciono controles ya sean html o webcontrols en los exploradores firefox y opera los puedo ver pero con el mouse no tengo acceso a ellos es como si estuvieran una capa mas abajo, lo q he percibido ya que puedo tener acceso a ellos presionando tab repetidas veces para llegar al control. Lo extraño es que en explorer funcionan perfecto.
Si coloco algun control en la zona del contenido niun problema, en ningun explorador, el tema esta que he copiado y realizado una copia de la pagina pero en html y si funcionan!!! o sea a los controles tengo acceso con el mouse, pero por ke en aspx noooo!!!???.
Lo extraño que lo mismo me ocurria con otra pagina pero de 3 secciones en q en las secciones de la izq y derecha pasaba lo mismo.
para una mayor claridad pegare el codigo de la pagina y de la hoja de estilo
<%@ Page Language="vb" AutoEventWireup="false" Codebehind="Test.aspx.vb" Inherits="Redard.Test"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>Test</title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<LINK href="Estilo.css" type="text/css" rel="stylesheet">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<div id="container">
<div id="header">
Cabecera
</div>
<div id="wrapper">
<div id="content"><p>Contenido</p>
</div>
</div>
<div id="navigation"><p>Login</p>
<table width="190" border="0">
<tr>
<td>Login:</td>
<td><asp:textbox id="Textbox1" runat="server" Width="80px" Height="22px" MaxLength="10" Columns="10"></asp:textbox></td>
</tr>
<tr>
<td>Password:</td>
<td><asp:textbox id="Textbox2" runat="server" Width="80px" Height="22px" MaxLength="10" Columns="10"></asp:textbox></td>
</tr>
<tr>
<td align="center" colSpan="2"><asp:button id="Button1" runat="server" Width="64px" Height="24px" Text="Ingresar"></asp:button></td>
</tr>
</table>
</div>
<div id="extra"><p>Menu</p>
</div>
<div id="footer">
<P></P>
</div>
</div>
</form>
</body>
</HTML>
body{margin:0;
padding:0;
font: 76% arial,sans-serif;
text-align:center
}
#header {
height:130px;
margin:0;
background-color: #003362;
color: #FFFFFF}
#container{
text-align:left;
width:780px;
margin:0 auto;}
#content p{line-height:1.4}
#content{float:right;width:580px}
#navigation{
background:#B9CAFF;
float:left;
width:200px}
#extra{
background:#FF8539;
float:left;
clear:left;
width:200px}
#footer{
background: #333;
color: #FFF;
clear:both;
width:100%}
eso seria ojala me puedan ayudar ya que la vez anterior no pude resolverlo y espero q esta vez se pueda
Valora esta pregunta
0