div en label

[evoarte]

buenas tardes,

me está dando problemas firefox al incluir un div dentro de una etiqueta label:

<label for="texto">Pregunta<div id="area">(1000 caracteres, quedan 1000)</div></label>

(el div se actualiza al introducir caracteres en un textarea)
en explorer se muestra en pantalla correcto, es decir, el div se incluye dentro de label, pero en firefox se muestra fuera de la etiqueta, el div no tiene aplicado ningun estilo. los estilos los aplico para label.

saben como solucionarlo?

un saludo,
josé carlos.

[willyfc]

El problema es que estas metiendo un elemento de bloque(div) dentro de un elemento de línea(label), prueba a utilizar un span en vez de div

[kseso?]

¿Y qué es lo que entiendes por correcto? O dicho de otra forma, sólo tú sabes qué quieres lograr, nosotros ni idea de tus intenciones ni del código que utilizas.

A parte de lo dicho por Willyfc (un saludo), no necesitas meter cada label o cada input en un div, lo puedes hacer aplicando estilos a cada elemento del formulario, y como contenedor de ellos ya tienes las etiquetas propias de ellos:

<form....>
<fieldset>
<label for="xx"....</label>
<input id="xx"...</input>
</fieldset>
</form>

Un saludo

[evoarte]

este es el código completo:

<form id="formulario" name="prestoca" class="nform" method="post" action="">
<fieldset>
<legend><h3>Solicitud de Información</h3></legend>
<label for="nombre">Nombre</label>
<input type="text" name="nombre" id="nombre" size="45" maxlength="25" /><br />
<label for="apellidos">Apellidos</label>
<input type="text" name="apellidos" id="apellidos" size="45" maxlength="45" /><br />
<label for="telefono">Teléfono</label>
<input type="text" name="telefono" id="telefono" maxlength="9" /><br />
<label for="email">Correo Electrónico</label>
<input type="text" name="email" id="email" size="45" maxlength="45" /><br />
<label for="texto">Pregunta<div id="area">(1000 caracteres, quedan 1000)</div></label>
<textarea name="texto" id="texto" rows="7" cols="45" onKeyUp="return maximaLongitud(this,1000,'area')" /></textarea><br /><br />
<input type="hidden" name="empresa" id="empresa" value="<%=empresa%>">
<input type="hidden" name="cif" id="cif" value="<%=cif%>">
</fieldset>
<br />
<fieldset>
<div id="accionA">
<input type="button" name="envio" value="solicitud" class="buttona" onclick="javascript:enviaFormulario('http://www.mipagina.com',this.form.id);"/>
</div>
<div id="accionB">
<input type="button" name="atras" value="retroceder" class="buttona" onclick="javascript:window.location.reload();" />
</div>
</fieldset>
</form>

aunque sea una chorrada, voy actualizando el número de caracteres que quedan por introducir en el textarea de los permitidos,

para actualizar la información que incluido un div dentro de una etiqueta label, pero con firefox no se pinta bien en pantalla, es decir, sale fuera de la etiqueta label el contenido del div, y preguntaba si se puede solucionar de alguna forma,

gracias,
un saludo,
josé carlos.

[kseso?]

Label, input y textarea son un elemento en línea, por lo tanto no puede contener uno de bloque como es el div.
Quizás puedas mostrarlo dentro de <span>....</span> (pero no se si será correcto). Esperemos que algún "hombre sabio" pueda aclararlo.

Un saludo

[evoarte]

pues si, utilizando <span> en lugar de <div>

gracias, maestro,
un saludo,
josé carlos.