Buenas tardes. Soy nuevo en el foro y también lo soy en el diseño de webs. En la web que estoy construyendo quiero poner una imagen de fondo que es un degradado. El código CSS es el siguiente:
background-image: url(Dise%C3%B1o%20degradado%20definitivo%20copia2.jpg);
background-repeat:no-repeat;
El problema que tengo es este: La imagen está hecha en Photoshop y tiene un tamaño de 1024x768. El caso es que es una resolución bastante estándar, junto con la de 800x600, pero yo en mi portatil tengo una resolución de 1366x768 y cuando compruebo con Dreamweaver me queda todo el espacio derecho de la web en blanco. Quería saber cómo hacer para que en pantallas con una resolución así me quede la imagen centrada, con espacios en blanco en ambos lados. He probado con background-position: center, pero no me funciona.
Otro problema que me da esta imagen de fondo es que en IE no me sale nada, sale en blanco completamente y no se por qué. En Firefox y Safari sí sale bien. También me gustaría que me diérais una solución o explicación para esto.
Espero haberme explicado con claridad. Muchas gracias de antemano. Un saludo
background-image: url(Dise%C3%B1o%20degradado%20definitivo%20copia2.jpg);
background-repeat:no-repeat;
El problema que tengo es este: La imagen está hecha en Photoshop y tiene un tamaño de 1024x768. El caso es que es una resolución bastante estándar, junto con la de 800x600, pero yo en mi portatil tengo una resolución de 1366x768 y cuando compruebo con Dreamweaver me queda todo el espacio derecho de la web en blanco. Quería saber cómo hacer para que en pantallas con una resolución así me quede la imagen centrada, con espacios en blanco en ambos lados. He probado con background-position: center, pero no me funciona.
Otro problema que me da esta imagen de fondo es que en IE no me sale nada, sale en blanco completamente y no se por qué. En Firefox y Safari sí sale bien. También me gustaría que me diérais una solución o explicación para esto.
Espero haberme explicado con claridad. Muchas gracias de antemano. Un saludo