Comunidad de diseño web y desarrollo en internet online

Ayuda con problemas de <div> y <a> con Firefox

Citar            
MensajeEscrito el 20 Nov 2008 04:37 am
Hola a todos, soy nuevo en el foro y me estoy iniciando en la programación web...

Bueno, les cuento mi problema. He hecho una página web que tiene un <div> contenedor de dos <div> hijos, uno izquierdo y otro derecho; sin embargo, uno de ellos, (el izquierdo) tiene la propiedad CSS de "float" en "left", a manera de menú lateral. Por ello, agregué un enlace <a> en el <div> izquierdo y pude darme cuenta que el enlace sí operó de forma correcta en Internet Explorer; no obstante, en Firefox, el link no funcionó y, en mis intentos por hallar la raíz del problema, detecté que si pongo la etiqueta <a> en un <div> que no tenga la propiedad CSS de "float" la página web corre como se espera en ambos navegadores. Espero su pronta ayuda con este problema que ya había dejado de lado usando botones de flash dos veces anteriormente.

Gracias por su cooperación...

Por ultimate_luis

1 de clabLevel



 

msie7
Citar            
MensajeEscrito el 20 Nov 2008 04:45 am
danos la dirección o postea el código para poder observarlo, así no mas es muy difícil saber cual puede ser el problema

Por chug0

Claber

136 de clabLevel



 

Perú

firefox
Citar            
MensajeEscrito el 21 Nov 2008 05:01 am
Hola, muchas gracias por contestar. Gracias a Dios ya pude hacer que operaran los enlaces en el Mozilla, moviendo los estilos y comenzando todo de nuevo. La solución que encontré fue dejando al div derecho con posición absoluta y sin propiedad float. Pero en la página (primera) donde descubrí este inconveniente de los enlaces aún quisiera resolver ese enigma. En esta página web, tengo un div padre llamado "contenido" y dentro de él tenía un div flotante a la izquierda denominado "botoninicio" y, como no me funcionaba, cambié la etiqueta <a> que tenía en él por un botón flash. El código es el siguiente:

<body>
<div id="contenedor">
<div id="encabezado">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="550" accesskey="e" tabindex="1" title="Galería">
<param name="movie" value="objetos/encabezado.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="objetos/encabezado.swf" width="800" height="550" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed></object>
</div><!--Fin de encabezado-->
<div id="contenido">

<div id="botoninicio">
<a href="index.html">Inicio</a>
</div>

<p>
<img class="titulo" src="titulos/titulobiografia.jpg" alt="Biograf&iacute;a" name="titulobiografia" longdesc="Biografía de Héctor Orozco" width="300" height="120" /></p>
<p class="texto">Esta es la zona principal de la página web.</p>
</div><!--Fin de contenido-->
<div id="pie">ultimate_luis</div>
<!--Fin de pie-->
<div id="piepagina">
<img src="objetos/pie.jpg" alt="Pie de p&aacute;gina" longdesc="Pie al fondo" width="800" height="25" />
</div><!--Fin del fondo de la página-->
</div><!-- Fin div contenedor -->
</body>

Y el archivo de estilos es:

/* Estilo global */
* { margin: 0px;
padding: 0px;
border: 0px;
}

/* Estilos para los identificadores */
#contenedor { z-index: 0;
background-color: #ffffe0;
width: 800px;
margin: 4px auto;
}

#encabezado { z-index: 10;
position: relative;
width:800px;
height: 329px;
background-color: white;
}

#contenido { z-index: 1;
position: relative;
width: 800px;
padding-top: 20px;
background-image: url('fondos/fondocontenido.jpg');
background-repeat: no-repeat;
background-position: left top
}

#botoninicio { z-index: 2;
position: relative;
float: left;
text-align: right;
padding-top: 0px;
padding-right: 36px;
background-image: url('fondos/fondoinicio.jpg');
background-repeat: no-repeat;
background-position: right bottom;
width: 100;
height: 52px
}


#pie { z-index: 2;
position: relative;
background-color: #ffffe0;
color: #926c2d;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: smaller;
text-align: center;
font-weight: bold;
margin-top: 10px;
}

#piepagina { z-index: 3;
position: relative;
text-align: center;
width: 800px;
height: 5px;
}

/* Clases de estilos */
.titulo { text-align: center;
}

.texto { text-align: justify;
padding: 10px 10px 10px 10px;
font-size: small;
}

/* Estilos de bloques */
body { text-align:center;
background-color: #926c2d;
}

p { font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

a:link, a:visited, a:active { text-decoration: none;
color: #663300;
}

Espero que me puedan ayudar... Gracias

Por ultimate_luis

1 de clabLevel



 

msie7

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.