Foros del Web » Creando para Internet » CSS »

problema css y resoluciones de pantalla

Estas en el tema de problema css y resoluciones de pantalla en el foro de CSS en Foros del Web. Hola. Tengo un problemilla con una pagina web que estoy desarrollando y es que con mi resolucion de pantalla todo va genial, pero con otra ...
  #1 (permalink)  
Antiguo 12/03/2009, 12:08
 
Fecha de Ingreso: marzo-2009
Mensajes: 3
Antigüedad: 8 años, 9 meses
Puntos: 0
problema css y resoluciones de pantalla

Hola.

Tengo un problemilla con una pagina web que estoy desarrollando y es que con mi resolucion de pantalla todo va genial, pero con otra resolucion se ven horrorores

[Por motivos de antiguedad no puedo incluir el enlace en el mensaje.]

El problema es la cabecera, el gif de la derecha, que si lo pongo a la derecha del todo, en una resolucion de pantalla mas baja, le falta poco al gif para salirse completamente de la pantalla.

Hay una solucion con respecto a codigo css para solventar este problema? He probado en vez de poner los tamaños en pixeles ponerlo con porcentajes.. pero ahi IE me la juega.

Muchas gracias de antemano.

Un Saludo
  #2 (permalink)  
Antiguo 12/03/2009, 12:58
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.826
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: problema css y resoluciones de pantalla

lo mas seguro que tengas un ancho muy amplio reduce el ancho de tu sitio

y puedes colocarnos un enlace con solo quitarle >> http://www.
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 12/03/2009, 19:36
 
Fecha de Ingreso: marzo-2009
Mensajes: 26
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: problema css y resoluciones de pantalla

Hola pues yo puse el contenido d mi pagina en bloques y me sirvio
Aqui te lo dejó para que lo mires:

Cita:
@charset "UTF-8";
/* CSS Document */

body{
background: url(images/back/back-css_03.jpg) repeat #000000 fixed;
font:"Trebuchet MS";
font-size:18px;
color:#999;
}

#bloque1{
display:block;
width:1024;
height:200px;
margin-left:-15px;
margin-top:0px;
background: transparent url(images/amistad_01.png) no-repeat fixed;
z-index:3;
}

#bloque1back{
display:block;
position: fixed;
z-index: 1;
width: 100%;
height:35px;
margin-left:0px;
margin-top:-10px;
background:#000;
}

#bloque2{
display:block;
position:fixed;
margin-left:-117px;
margin-top:-145px;
width:800px;
height:400px;
background:url(images/amistad_02.png) no-repeat;
z-index:2;
}

#bloque2back{
display:block;
position:fixed;
margin-left:250px;
margin-top:270px;
width:590px;
height:700px;
background:#FFF url(images/text-back.png) repeat;
z-index:1;
}

#bloque3{
display:block;
position:fixed;
margin-left:849px;
margin-top:270px;
width:350px;
height:500px;
background:url(images/amistad_04.png) no-repeat;
z-index:1;
}

#bloque4{
display:block;
position:fixed;
margin-left:-125px;
margin-top:0px;
width:800px;
height:400px;
background:url(images/amistad_03.png) no-repeat;
z-index:2;
}
  #4 (permalink)  
Antiguo 13/03/2009, 09:38
 
Fecha de Ingreso: marzo-2009
Mensajes: 3
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: problema css y resoluciones de pantalla

Cita:
Iniciado por Ag666 Ver Mensaje
lo mas seguro que tengas un ancho muy amplio reduce el ancho de tu sitio
Claro, el ancho en caso de ver la pagina con una resolucion de pantalla grande esta perfecto. Pero si la ves con una resolucion pequeña el mismo sitio sale descuadrado.

De ahi viene mi pregunta. Hay algun modo de escribir un css para que tu sitio se vea igual con cualquier resolucion de pantalla?

La pagina web es cursos.pharmajob.es, y me refiero a lo que pasa con la cabecera al ver la web con distintas resoluciones.

malvavisc0:

Veo que tu codigo css tambien tiene los tamaños en pixeles. Con este codigo tu web se ve del mismo modo con distintas resoluciones de pantalla?

Muchas gracias a los dos.

Un Saludo
  #5 (permalink)  
Antiguo 18/03/2009, 10:36
 
Fecha de Ingreso: marzo-2009
Mensajes: 3
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: problema css y resoluciones de pantalla

Buenas a todos.

Sigo con el problemita, alguien sabe si hay solucion?


Un Saludo
  #6 (permalink)  
Antiguo 18/03/2009, 10:45
 
Fecha de Ingreso: julio-2008
Mensajes: 544
Antigüedad: 9 años, 4 meses
Puntos: 56
Respuesta: problema css y resoluciones de pantalla

Pues yo te diria, por una parte, piensa en que se vea bien a 1024px de ancho, poca gente tiene resoluciones menores y por otra parte, puedes hacer una hoja estilos para firefox y los navegadores decentes y otra para IE (incluso otra más para IE6) y cuando las referencias en el html poner primero las de firefox y despues con unos condicionales las otras, mas o menos asi:
Cita:
<link href="css/firefox_style.css" rel="stylesheet" type="text/css" >
<!--[if IE]>
<link href="css/ie_style.css" rel="stylesheet" type="text/css" >
<![endif]-->

<!--[if IE 6]>
<link href="css/ie6_style.css" rel="stylesheet" type="text/css" >
<![endif]-->



Tambien hay forma de detectar la resolucion por medio de javascript y asi mostrar una hoja de estilos u otra en funcion a ello, pero de js estoy bastante pez y no tengo ni idea de como se hace ni del resultado que da.
__________________
Un saludo! :-)
Quiero ser el primero
  #7 (permalink)  
Antiguo 18/03/2009, 15:44
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: problema css y resoluciones de pantalla

Hola:

Échale una ojeada a este artículo y prueba el ejemplo que trae. Posiblemente te sirva de ayuda.

Saludos.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:13.