Identificarse | Registrarse | FAQ
Anonymous

Problemas al tratar de poner la imagen de fondo?

+ Publicar una respuesta

2 mensajes Página 1 de 1


Problemas al tratar de poner la imagen de fondo?

por Pax » Mié Sep 07, 2011 1:35 am

Hola! Bueno la cosa es que hace mucho yo hacía páginas webs por puro hobby y ahora después de tres años estoy tratando de hacer una, pero he encontrado muchas trabas a lo largo del trayecto. La página la estoy haciendo en medidas de 1024x768, sin embargo la resolución de mi pantalla es de 1600x900 y aunque cambie los pixeles a porcentajes la imagen sigue sin acomordase bien, aqui abajo les dejo la que imagen que estoy usando para fondo, como se ve y el script que estoy usando.

http://imageshack.us/f/571/bmoore.png/ [ Imagen que estoy usando de fondo]

http://imageshack.us/f/220/0001t.png/ [Ejemplo de como luce la imagen]

Script:

<style type="text/css">
html, body {width:100%; height:100%; padding:0; margin:0; background:#000000;}
html {overflow:hidden;}
body {
font-family:verdana, arial, sans-serif; font-size:12px;

background-image: url('bmoore.png');
background-repeat:yes-repeat;
background-position: center;
background-attachment:fixed;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto
}

#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:5px 300px 20px 200px;}
p {line-height:22px; text-align:justify;}
#fixed {position:absolute; top:25px; left:10px; width:160px; z-index:10; color:#567; border:1px solid #000; padding:10px;

de verdad les agradeceria mucho que me ayudaran a encontrar mi error para que la imagen no se vea de esa manera :-S
Avatar de Usuario

Pax

  • Mensajes: 1
  • Registrado: Mié Sep 07, 2011 1:32 am

Re: Problemas al tratar de poner la imagen de fondo?

por HTML.net » Mié Sep 07, 2011 8:42 am

Tratar de cambiar

background-image: url('bmoore.png');
background-repeat: yes-repeat;

a

background: #000000;
background-image: url('bmoore.png');
background-repeat: repeat-y;

Yo no lo he probado. Pero creo que va a ayudar.

- Andreas, HTML.net
Avatar de Usuario

HTML.net
Site Admin

  • Mensajes: 1194
  • Registrado: Sab Sep 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.


+ Publicar una respuesta

Página 1 de 1