Css y resolucion de pantalla

[pyroCL]

hola, estoy creando un sitio web en vs2008, en el cual cree un css y lo puse en una masterPage.

El css se ve genial pero sólo en la resolución de pantalla que poseo (1280*1024) y mientras el ancho sea de 1280 no hay problema, el problema surge cuando se cambia el ancho de la pantalla.
Hay un logo en el borde inferior derecho que se mueve hacia la derecha al cambiar el ancho de la pantalla...

¿Hay alguna opcion para que esto no ocurra?.

Nota: El css lo hice en el mismo VS2008 no tengo ninguna herramienta especial para crear css y no puedo usar ninguan tampoco por motivos de licencias y permisos.

Muchas Gracias.

Saludos.

[shogan]

pues si pudieras poner todo el código de la css te podría ayudar, generalmente, tienes que probarla y puedes usar todo tipo de comandos en css generalmente lo que acomoda es flotar los elementos o usar posiciones absolutas o relativas.

salu2

[hades87]

has probado a poner el background en fixed?

[pyroCL]

Aquí esta el código...

El logo que se corre es el "logoEmpresa", no tengo problemas con nada mas que con eso... se corre a la derecha.

Código CSS:

<style type="text/css">
        
        *
        {
            margin:0px;
            padding:0px;
        }       
        html,body
        {
            font-family:"Arial", Helvetica, sans-serif;
            font-size:14px;
            background-position:left;
            background-image:url('../imagenes/bg.jpg');
            background-repeat:repeat;
        }
        
        
               
        #contenedor
        {
            width:760px;
            height:770px;
            text-align:center;
            background-repeat:no-repeat;
            margin-top:20px;
            margin-bottom:auto;
            margin-left:auto;
            margin-right:auto;
            background-position:center top;
        }
        
        #principal1
        {
            width:755px;
            height:652px;
            background-repeat:no-repeat;
            background-image:url('../imagenes/bgPrincipal.png');
        }
        
        #principal
        {
            width:580px;
            height:531px;
            float:left;
            border-right-style:outset;
            border-right-width:1px;
            
        }
        
        #derecha
        {
            width:169px;
            height:531px;
            float:right;
            
        }
        
        #cabeza
        {
            width:689px;
            height:73px;
            border-bottom-style:outset;
            border-bottom-width:1px;
            vertical-align:middle;
        }
        
        #contieneMenu
        {
            width:383px;
            height:30px;
            float:right;
            margin-bottom:0px;
        }
        
        #pie
        {
            width:553px;
            height:38px;
            margin-top:5px;
            float:left;
        }
        
        #logoEmpresa
        {
            width:237px;
            height:214px;
            background-image:url('../imagenes/logoEmpresa.png');
            position:relative;
            background-repeat:no-repeat;
                        top: -163px;
                        left: 691px;
        }
        
        #logoCompania
        {
            width:180px;
            height:65px;
            float:left;
            background-image:url('../imagenes/logoCompania.png');
            margin-left:7px;
            background-repeat:no-repeat;
            text-align:center;
            position:relative;
            top: 18px;
            left: 4px;
        }
        
            
        .style1
        {
            font-family: "Script MT Bold";
            font-size: 16pt;
        }
                
       
        .style2
        {
            color: #386D92;
        }
 

Gracias.

Saludos!

[pyroCL]

Aun no me resulta... alguna ayuda por favor??????


Gracias!

Saludos!

[MasterXNicoX]

pyro.. un mini consejo...

Porque no agrupás algunas propiedades???

Por ejemplo.... la posicion relativa de las capas "#logoEmpresa" y "#logoCompania"...

#logoEmpresa,#logoCompania{position:relative}

Eso va a hacer que tu hoja de estilo pese menos... y luego cada capa con sus respectivas propiedades..

------------------------------------------------------

Y en tu caso nose como estarán acomodadas las capas en tu html... pero podrias probar poniendo un " text-align:center;" en la capa que contenga a "logoEmpresa"... Si es que hay alguna, claro

------------------------------------------------------

Saludos y Suerte

[pyroCL]

Primero que todo gracias por tu ayuda!...

Ya habia intentado con esa opcion, pero no resulta, al cambiar la resolucion se corre la imagen hacia la derecha.

No se que puede ser.

Si tienes otra idea porfavor te pido que me la hagas saber.

gracias

Saludos.

[kseso?]

Códigos, códigos y códigos.
Gracias por el css, pero sin ver el html sólo queda invocar al adivino, pyroCL o hacer cábalas.
Cábala 1: ¿necesitas desplazar el #logoEmpresa con

top: -163px;
left: 691px;

Si puedes poner un enlace a esta página todo será más fácil

Un saludo

[pyroCL]

Cosas de la vida...

Gracias a todos, especialmente a kseso? por pedirme el codigo html...

al pegar el codigo html para postearlo, me puse a revisarlo para ver que todo estaba bien y me dicuenta que el logoEmpresa lo tenía fuera de la div contenedor.
Lo puse dentro y listo.... asunto arreglado...

gracias a todos !

Saludos!