problema css y resoluciones de pantalla

[pharma]

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

[ArturoGallegos]

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.

[malvavisc0]

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

@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;
}

[pharma]

Iniciado por Ag666

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

[pharma]

Buenas a todos.

Sigo con el problemita, alguien sabe si hay solucion?


Un Saludo

[darchy]

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:

<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.

[jomaruro]

Hola:

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

Saludos.