Problema FF y Opera en Windows vs Linux
Tengo un problema de visualizacion de mis paginas, que fueron validadas en xhtml y css por eso pense que se verian bien en ambos SO, muestro el problema
Firefox:
Linux:
}
Windows:
Podemos ver como el buscador no se visualiza de manera correcta
Opera:
Linux
Windows
El buscador cabe con lo justo
Firefox
Linux:
Windows:
Opera
Linux
Windows
En ambos navegadores no se visualiza completamente todo lo que dice el div....
:'( Estoy algo desilusionado... aclaro que ya probe con una resolucion iguales en ambas maquinas
pego el codigo de la primera pagina y su CSS
El contenido y parte del diseño no esta terminado
CSS:
Ya se que es un embole lo que pegué pero agradeceria enormente su ayuda. o que me digan en que me estoy equivocando
Firefox:
Linux:
}Windows:
Podemos ver como el buscador no se visualiza de manera correcta
Opera:
Linux
Windows
El buscador cabe con lo justo
Firefox
Linux:
Windows:
Opera
Linux
Windows
En ambos navegadores no se visualiza completamente todo lo que dice el div....
:'( Estoy algo desilusionado... aclaro que ya probe con una resolucion iguales en ambas maquinas
pego el codigo de la primera pagina y su CSS
El contenido y parte del diseño no esta terminado
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="StyleSheet" href="principal.css" type="text/css" media="screen" /> <title>Probus Informatica</title> </head> <body> <div id="encabezado"> <img alt="probus informatica logo" src="Imagenes/CabeceraGrande.jpg" /> </div> <div id="menu"> <div id="barramenu"> <a href="Indexx.html" title="Pagína Principal de Probus Informática">Home</a>| <a href="#">Empresa</a>| <a href="Sistema.html" title="Conocé nuestro sistema">Sistema</a>| <a href="#">Equipos</a>| <a href="promociones.html" title="Revisá nuestras promociones">Promociones</a>| <a href="#">Diseño Web</a>| <a href="#">Soporte Técnico</a>| <a href="#">Contáctenos</a>| </div> </div> <div id="contenedor"> <div id="contenido"> <div id="noticias"> <span class="fecha">Viernes, 24 de julio de 2009</span> <h2><a href="#">Cómo prolongar la vida til de la batería del notebook:</a></h2> <img class="lenovo" alt="imagen descripcion" src="Imagenes/LenovoN200.jpg" /> Como ciertas flores exóticas, las notebooks son a la vez caras y delicadas. Y el cine no ayuda. Los protagonistas suelen cerrar las portátiles con furia irredenta y las arrojan a la maleta o al asiento del auto sin piedad. Además, la notebook del cine moderno es como las Colt de los westerns: nunca necesitan recarga. <hr /> <span class="fecha">Viernes, 24 de julio de 2009</span> <h2><a href="#">Alcance de una conexión wi-fi</a></h2> antes que nada hay que evaluar el tipo de ambiente en donde se va realizar la instalaci?n <hr /> <span class="fecha">Viernes, 24 de julio de 2009</span> <h2><a href="#">Que debo tener en cuenta antes de comprar un equipo:</a></h2> antes que nada hay que evaluar:<br /> <br /> - el tipo de ambiente en<br /> <br /> - antes que nada hay<br /> <br /> - que evaluar el tipo de ambiente<br /> <br /> - en donde se va realizar la instalaci?n<br /> <br /> - antes que<br /> <br /> - nada hay que evaluar el tipo de ambiente en donde se va realizar la instalaci?n<br /> <br /> </div> <div id="central"> <a href="#"><img alt="seccion sistemas" src="Imagenes/NuevoSistemasEmpresa.jpg" /></a> <a href="#"><img alt="logo paradise" src="Imagenes/logoParadise2.jpg" /></a> <a href="#"><img alt="seccion equipos" src="Imagenes/NuevoTituloRquipos.jpg" /></a> <a href="#"><img alt="equipos varios" src="Imagenes/Computadoras2.jpg" /></a> <a href="#"><img alt="seccion web" src="Imagenes/NuevoTituloWEb.jpg" /></a> <a href="#"><img alt="cuerpo web" src="Imagenes/CuerpoDisenioWeb.jpg" /></a> </div> <div id="barraderecha"> <div id="buscador"> <img alt="lupa" src="Imagenes/lupa.gif" /> <span class="titulo">Busca en nuestro catalogo:</span><br /> <form class="form" action="#"><input maxlength="100" size="35" name="texto" value="Ingrese aqui el nombre a buscar" /> <button value="buscar" name="buscar">Buscar</button></form><br /> <span class="texto">Tenemos mas de XX productos a tu disposición.</span> </div> <div id="novedades"> <span class="titulo">Novedades</span> <ul> <li>Actualizacion Paradise<span class="fecha">(17/7/09)</span></li> <li>Nuevo Modulo Paradise<span class="fecha">(15/7/09)</span></li> <li>Instalacion de Paradise en AAAAAAAAA<span class="fecha">(12/7/09)</span></li> <li>Instalacion de red<span class="fecha">(7/7/09)</span></li> <li>Actualizacion Paradise<span class="fecha">(17/7/09)</span></li> <li>Nuevo Modulo Paradise<span class="fecha">(15/7/09)</span></li> <li>Instalacion de Paradise en AAAAAAAAA<span class="fecha">(12/7/09)</span></li> <li>Instalacion de red<span class="fecha">(7/7/09)</span></li> <li>Actualizacion Paradise<span class="fecha">(17/7/09)</span></li> <li>Nuevo Modulo Paradise<span class="fecha">(15/7/09)</span></li> <li>Instalacion de Paradise en AAAAAAAAA<span class="fecha">(12/7/09)</span></li> <li>Instalacion de red<span class="fecha">(7/7/09)</span></li> <li>Actualizacion Paradise<span class="fecha">(17/7/09)</span></li> <li>Nuevo Modulo Paradise<span class="fecha">(15/7/09)</span></li> <li>Instalacion de Paradise en AAAAAAAAA<span class="fecha">(12/7/09)</span></li> <li>Instalacion de red<span class="fecha">(7/7/09)</span></li> </ul> </div> </div> </div> </div> <div id="pie"> <div id="piecont"> <hr /> © 2009 Probus Informatica<br /> <br /> <p> <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml11-blue" alt="Valid XHTML 1.1" height="31" width="88" /></a> <a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="¡CSS Válido!" /></a> </p> </div> </div> </body> </html>
Código:
body{
background-color: white;
}
#encabezado{
width:100%;
text-align: center;
}
/*Encabezado*/
#encabezado img{
margin: auto;
display: block;
width: 943px;
height: 127px;
}
#menu{
width: 100%;
text-align: center;
height:21px;
}
#barramenu{
background:#a58f55 url('Imagenes/fondoTeclas2.jpg') no-repeat left top;
height:21px;
text-align:left;
width: 943px;
margin-left:auto; margin-right:auto; margin-bottom:0px; display:block; color:black; background-color:#a58f55
}
#barramenu a{
/*margin:0px;
border:2px black solid;*/
color:black;
padding-right: 5px;
padding-left: 5px;
text-decoration: none
}
#barramenu a:hover{
/*margin:0px;
border:2px black solid;*/
Background-color:white;
color:black;
padding-right: 5px;
padding-left: 5px;
text-decoration: none
}
/*fin encabezado*/
#contenedor{
width: 100%;
text-align: center;
}
#contenido{
display: block;
margin-left:auto;
margin-right:auto;
margin-top:0px;
width:943px;
}
/*columna izquierda*/
#noticias{
background:silver url('Imagenes/FondoNoticias3.jpg') no-repeat left top;
text-align: left;
/*border: 2px solid #00008b;*/
float:left;
width:278px;
color:#595E64; padding:2px;
height:1040px;
}
#noticias img{
float:left;
margin-right:4px;
}
#noticias img.lenovo{
width: 88px;
height: 62px;
}
#noticias h2 {
margin-top:2px;
}
#noticias h2 a{
text-decoration:none;
font-size:20px;
padding:3px;
color: #996633;
}
#noticias h2 a:hover{
font-size:20px;
padding:3px;
color:orange;
}
#noticias .fecha{
font-size: x-small;
margin-top: 5px;
color: black;
font-family: sans-serif;
font-weight: bold;
}
/*columna central*/
#central{
/*border: 2px solid #00008b;*/
float:left;
width:330px;
background-color: white;
padding: 2px;
text-align:center;
}
#central a{
text-decoration:none;
border:0px solid;
}
#central img{
text-decoration:none;
border:0px solid;
}
/*columna de la derecha*/
#barraderecha{
/*border-left: 1px dotted gray;*/
text-align: left;
/*border: 2px solid #00008b;*/
float: left;
width: 327px;
background-color: #095bbf;
color: white;
font-family:verdana;
font-size:12px;
}
#barraderecha span.titulo{
font-family:verdana;
font-size:16px;
font-weight:bold;
}
#barraderecha span.texto{
padding-top:5px;
}
/*buscador*/
#buscador{
padding-bottom:0px;
background:url('Imagenes/FondoBuscador.jpg') no-repeat left top;
height: 163px;
/*background-color:#095bbf;
border-bottom:2px dotted white;
*/
color:white; padding-left:5px; padding-right:5px; padding-top:5px
}
#buscador .form{
margin:2px;
margin-top:7px;
margin-bottom:5px;
}
#buscador img{
float:left;
}
/*seccion novedades*/
#novedades{
background:#a2cbe1 url('Imagenes/FondoNovedadesLargo2.jpg') no-repeat left top;
padding: 5px;
height: 870px;
color:white; background-color:#a2cbe1
}
#novedades ul{
border:2px solid white;
}
* #novedades ul {padding-left:20px;}
#novedades li{
margin-top:4px;
margin-bottom: 2px;
}
#novedades li span.fecha{
font-family:sans-serif;
color:gray;
}
/* pie de la pagina o footer*/
#pie{
width: 100%;
text-align: center;
clear:both;
}
#piecont
{
display: block;
margin-left:auto;
margin-right:auto;
width:943px;
}
#piecont a{
text-decoration:none;
border:0px solid;
}
#piecont img{
text-decoration:none;
border:0px solid; }
Super Moderador
Fecha de Ingreso: dic-03
Edad: 24
Mensajes: 5,910
Gracias dadas: 0
Agradecido 3 veces en 3 Mensajes
Re: Problema FF y Opera en Windows vs Linux
¿Eso de validacion es que cumple con las W3C?
Yo tiempo atras hice una pagina de muestra de como hacer algo sin respetar el W3C y que no validara con nada, como se "programaba" en las viejas epocas. Te invito a que pruebes como se ve en distintos S.O. y navegadores.
http://www.gimeneza.com.ar/
Despues saca tus conclusiones...
Yo tiempo atras hice una pagina de muestra de como hacer algo sin respetar el W3C y que no validara con nada, como se "programaba" en las viejas epocas. Te invito a que pruebes como se ve en distintos S.O. y navegadores.
http://www.gimeneza.com.ar/
Despues saca tus conclusiones...
Super Moderador
Fecha de Ingreso: ago-06
Mensajes: 4,640
Gracias dadas: 1
Agradecido 2 veces en 2 Mensajes
Re: Problema FF y Opera en Windows vs Linux
Proba definir las medidas (todas) en pixeles no en porcentaje, esto a veces genera conflictos con la propiedad padding.
PD:¿Los 2 os estan en la misma resolución?
PD:¿Los 2 os estan en la misma resolución?
__________________
Sea más positivo, pierda un electrón.
Multitarea: Dícese de dos programas que pueden fallar simultáneamente.
Los README.TXT son para los cobardes.Se valiente: Ejecuta!
Si te apetece visitá mi sitio
Sea más positivo, pierda un electrón.
Multitarea: Dícese de dos programas que pueden fallar simultáneamente.
Los README.TXT son para los cobardes.Se valiente: Ejecuta!
Si te apetece visitá mi sitio
Usuario Normal
Fecha de Ingreso: mar-07
Edad: 22
Mensajes: 773
Gracias dadas: 4
Agradecido 0 veces en 0 Mensajes
Re: Problema FF y Opera en Windows vs Linux
Cita:
|
Iniciado por gimenezadrian
¿Eso de validacion es que cumple con las W3C?
Yo tiempo atras hice una pagina de muestra de como hacer algo sin respetar el W3C y que no validara con nada, como se "programaba" en las viejas epocas. Te invito a que pruebes como se ve en distintos S.O. y navegadores. http://www.gimeneza.com.ar/ Despues saca tus conclusiones... |
Cita:
|
Iniciado por study
Proba definir las medidas (todas) en pixeles no en porcentaje, esto a veces genera conflictos con la propiedad padding.
PD:¿Los 2 os estan en la misma resolución? |
Super Moderador
Fecha de Ingreso: dic-03
Edad: 24
Mensajes: 5,910
Gracias dadas: 0
Agradecido 3 veces en 3 Mensajes
Re: Problema FF y Opera en Windows vs Linux
Si, si decis que nada mas se ve mal en linux es lo mas probable.
__________________
Sea más positivo, pierda un electrón.
Multitarea: Dícese de dos programas que pueden fallar simultáneamente.
Los README.TXT son para los cobardes.Se valiente: Ejecuta!
Si te apetece visitá mi sitio
Sea más positivo, pierda un electrón.
Multitarea: Dícese de dos programas que pueden fallar simultáneamente.
Los README.TXT son para los cobardes.Se valiente: Ejecuta!
Si te apetece visitá mi sitio
Usuario Normal
Fecha de Ingreso: mar-07
Edad: 22
Mensajes: 773
Gracias dadas: 4
Agradecido 0 veces en 0 Mensajes
Re: Problema FF y Opera en Windows vs Linux
Ya probé con las resoluciones pero no hubo solucion. Puse las imagenes precisamente para mostrar que en windows se ve bien y en linux no! obviamente el desarrollo lo hice en windows
Super Moderador
Fecha de Ingreso: dic-03
Edad: 24
Mensajes: 5,910
Gracias dadas: 0
Agradecido 3 veces en 3 Mensajes
Re: Problema FF y Opera en Windows vs Linux
Buenisimo lo de la compatibilidad. 
Super Moderador
Fecha de Ingreso: ago-06
Mensajes: 4,640
Gracias dadas: 1
Agradecido 2 veces en 2 Mensajes
Re: Problema FF y Opera en Windows vs Linux
Cita:
|
Iniciado por gimenezadrian
Buenisimo lo de la compatibilidad.
|
ayer no tuve tiempo de avanzar en eso. entre hoy y mañana lo veo y comento
Super Moderador
Fecha de Ingreso: dic-03
Edad: 24
Mensajes: 5,910
Gracias dadas: 0
Agradecido 3 veces en 3 Mensajes
Re: Problema FF y Opera en Windows vs Linux
No hace falta abrir ningun debate, aca se esta demostrando.
Creo que deberias dejar de lado la compatibilidad que es lo que esta fallando, valide o no valide lo importante es que se vea bien como lo estas buscando.
¿Y que es eso que no puedo responder? te respondieron 2 personas y me queres sacar de este tema, ¿acaso queres ser el unico en el foro? :P
Creo que deberias dejar de lado la compatibilidad que es lo que esta fallando, valide o no valide lo importante es que se vea bien como lo estas buscando.
¿Y que es eso que no puedo responder? te respondieron 2 personas y me queres sacar de este tema, ¿acaso queres ser el unico en el foro? :P
Super Moderador
Fecha de Ingreso: ago-06
Mensajes: 4,640
Gracias dadas: 1
Agradecido 2 veces en 2 Mensajes
Re: Problema FF y Opera en Windows vs Linux
Yo creo que el problema está en las fonts. Cuando visualizás una página en Firefox por ej, las letras se ven más chicas en Linux que en Windows. Estuve investigando y encontré esta página donde explican el mismo problema entre Windows y Mac (es un poco viejo, pero no pierde validez).
En pocas palabras el artículo dice que los fonts se miden en puntos y un punto equivale a "one seventy-second of the English inch". El tema es que en las Mac las fuentes miden 72 dpi y en Windows 96 dpi. La solución sería especificar las fuentes en pixels o hacer una rutina en javascript que detecte la plataforma.
En esta página hay más info. En esta otra hay más (leer los cartelitos amarillos). Y esta es más ahonda un poco más sobre el tema: "La vida y las extraordinarias aventuras del punto tipográfico" (?)
En pocas palabras el artículo dice que los fonts se miden en puntos y un punto equivale a "one seventy-second of the English inch". El tema es que en las Mac las fuentes miden 72 dpi y en Windows 96 dpi. La solución sería especificar las fuentes en pixels o hacer una rutina en javascript que detecte la plataforma.
En esta página hay más info. En esta otra hay más (leer los cartelitos amarillos). Y esta es más ahonda un poco más sobre el tema: "La vida y las extraordinarias aventuras del punto tipográfico" (?)
__________________
a bonis ad meliora
a bonis ad meliora
Usuario Normal
Fecha de Ingreso: ago-01
Mensajes: 841
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
| Página 1 de 2 | · | 1 | 2 |
| Herramientas | Buscar en Tema |
| Desplegado | |
Mode Lineal
|
| Tema | Autor | Foro | Respuestas | Último mensaje |
| Problema con Opera y gmail | tehsis | Internet | 1 | 21-mar-2006 23:00 |
| problema en: particion - windows - linux | adriuss | DR. MAX | 2 | 04-dic-2005 23:00 |
| Problema con Opera 8.5 | aljuna | Microsoft Windows | 5 | 16-nov-2005 23:00 |
| Problema con pagina de inicio en el Opera | El_Beto | Microsoft Windows | 0 | 28-abr-2005 00:00 |
| problema con opera | Damy | Internet | 0 | 19-mar-2004 23:00 |
La franja horaria es GMT -3. Ahora son las 06:31.
