TextArea y TextBox diferentes en Windows y Linux

[walking]

Hola, tengo una página en la cual tengo un textbox y un textarea encajados en la web con el tamaño ajustado mediante el size y el cols en un formulario hecho con php. El problema esq en windows, con cualkier navegador, va perfecto, pero en linux y mac, se ven muchísimo más grandes. Hay manera de solucionar esto??

gracias

[NUCKLEAR]

Si que hay manera.

[Triby]

Iniciado por NUCKLEAR

Si que hay manera.

Si, pero cual?

Si el problema es solo con los input text y textarea supongo que podras arreglarlo facilmente especificando el tamaño de letra desde CSS.

[GatorV]

Tema trasladado desde PHP

[alexk]

Si que hay manera.

jaja...

hablemos claro...
WIN2= IE
LINUX = MOZILLA
MAC= SAFARI
?????????????

Código css:

textarea, input{width:100px;}
 

te recomiendo crear clases para cada elemento ya que con lo que te pase "input" tambien viene el "botom" asi que cuidado...

PD: Vendria bien que colocaras CODIGO CSS/HTML de tu problema o la URL... para que sepamos chao!

[walking]

no, aver, por ejemplo lo he mirado con firefox en windows, ubuntu y mac. Ubuntu y Mac se ven igual de mal (debe ser cosa de q son unix, además, con safari tb se ve mal y con opera en win correcto). Aun así, el problema esq especificarle un numero de pixels cada SO me lo está cogiendo con un tamaño diferente, incluso si le pongo 0, windows me pone un ancho diferente a los otros.

[alexk]

talvez de sirva algo de Reset css

[walking]

nop, no funciona

[alexk]

sino nos dejas codigo o una URL donde ver el problema... poco podemos ayudar...

[jomaruro]

Hola:

¿Y la manera de solucionarlo de Nucklear? ¿Está en cuarentena por radiación?

Saludos.

[ericzona]

Bueno me he suscrito para responder aquí porque es poco molesto con la opción del caralibro

A ver, el problema del que hablan aquí yo lo presento como usuario, hay algunas páginas que les ocurre eso, las dimensiones en linux y en windows de los textbox quedan diferentes.

Página web en Linux
http://img695.imageshack.us/img695/3033/linuxz.jpg

Página web en Windows
http://img684.imageshack.us/img684/9898/windowsh.jpg

Debo decir que la web de la que saqué la imagen está hecha en jsp pero supongo que el problema debe ser el mismo.

Saludos

[keyra]

Nadie dice cómo solucionarlo??? Tengo exactamente el mismo problema.... Aunque yo estoy programando con JSP, java, javascript.... Tengo un <input type="text" size="90" maxlength="99"/> que en windows (firefox e IE) se ve correcto, pero pruebo en Ubuntu (firefox) y se me sale de la pantalla... Necesito ayuda!

[Osdiwe]

Iniciado por alexk

sino nos dejas codigo o una URL donde ver el problema... poco podemos ayudar...

Lo mismo digo, ayudaría ver el código html y el css que utilizas.

[daPhyre]

Yo llevo ya la mitad de mi vida como diseñador web desarrollando en Ubuntu Linux. He notado desde entonces siempre que los *nix suelen hacer esto no solo con los inputs, si no desde el mismo punto de las fuentes. Yo siempre lo he visto como algo natural y no me he sorprendido ni inmutado al ver que todo se ve más pequeño al verlo en un navegador (cualquiera) en windows. Creo que tiene que ver con las fuentes predeterminadas.

Sin embargo, si en verdad hay una solución para que en ambos SO se vea de igual forma, también me encantaría conocerla. Saludos y gracias.

[keyra]

Pues a ver, es que tengo muuchas líneas y archivos de código, pongo lo referente a uno de los cuadros que se me van de madre (realmente toods se ponen más feos, pero algunos hasta se salen de su div correspondiente).

CODIGO HTML/JSP:

<div class="sangrado2">
<b>»» Introduzca una breve descripci&oacute;n de la consulta (m&aacute;x. 100 caracteres) para identificarla en un futuro</b><br/>
&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="90" maxlength="99" value="" id="descripcion" style="width:570px;" />
<br /><br />
<input type="button" name="Guardar consulta" value="Guardar consulta" onclick="GuardarConsultaT1()"><br/>
</div>

CSS ASOCIADO:

.sangrado2 {
padding-left: 20px;
}

Por encima tiene (en orden de div más pequeño, a div contenedor):

.entry {
padding: 0 20px;
}

.post {
padding-bottom: 15px;
line-height: 200%;
}

#content {
float: left;
width: 725px; /* 500 */
margin: 0px;
padding: 20px 0px 0px 0px;
}

#page-bgbtm {
background: url(images/img06.jpg) no-repeat left bottom;
}

#page-bgtop {
background: url(images/img04.jpg) no-repeat left top;
}


#page{
width: 960px; /* 960 */
margin: 0px auto;
background: url(images/img05.jpg) repeat-y left top;
}

#wrapper {
}

body {
margin-top: 10px;
padding: 0;
background: #787878 url(images/img01.jpg) repeat left top;
text-align: justify;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #616161;
}


A ver si esto ayuda, de momento estoy haciendo apaños cutres... jeje. Para que no se vea tan mal, aunque ni comparación con Windows. La aplicación que estoy desarrollando está ya finalizada y me encuentro con esto!

[HackmanC]

Hola,

Iniciado por daPhyre

... si no desde el mismo punto de las fuentes. ...

Exactamente, las fuentes no son las mismas, aunque sean parecidas no van a ser iguales, a menos que las hayas instalado por separado. Las fuentes básicas por defecto de Windows se pueden instalar con el paquete 'msttcorefonts' en Linux (incluyendo Arial, Verdana, Wingdings, etc). Y en ese caso las fuentes van a ser identicas.

Iniciado por keyra

... pongo lo referente a uno de los cuadros que se me van de madre (realmente toods se ponen más feos, pero algunos hasta se salen de su div correspondiente). ...

Depende si le especificaste un tamaño o se ajusta al tipo de letra. Creo que el problema del tamaño proviene de otro lado.

Probé con el código que dejaste y no existe ningúna diferencia entre Windows / IE y Safari y Linux Debian 4 / Epiphany y Konqueror. El tamaño del input-text no varió ni 1 pixel. Pero el largo del texto superior "Introduzca una breve..." se extendió por varias letras. Despues de instalar el tipo de letra de Windows en Linux para probar, el texto no varió ni 1 pixel. Lo comparé con capturas de pantalla.

Iniciado por keyra

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

La mayoría de Linux no tiene ni idea de la fuente Trebuchet MS, ni Arial, así que toman Helvetica (en Linux posiblemente va a utilizar Lucida para simular la Helvetica y en Windows posiblemente Arial o Verdana).

Saludos,

[keyra]

Pues yo lo que veo con Ubuntu y Firefox es que sí, las fuentes son algo diferentes, pero no es nada excesivo. Sin embargo son los cuadros de texto los que cambian radicalmente de tamaño. Gracias por el aporte!

[antogonz]

Perdonad que reflote este tema tan antiguo, pero como parece que se quedo sin solución, y yo tengo una, por lo menos a mi me funcionó.
Es tan simple como quitarle el size del input y colocar en su lugar un style="width: <ancho deseado>px;" y listo, de este modo no depende de la fuente.

Código HTML:

<input type="text" size="90" maxlength="99"/>
 

Código HTML:

<input type="text" style="width: 90px;" maxlength="99"/>