Hola soy nuevo hoy dia tengo un problema bien grande , yo toy llendo en computacion y ahorita toy en practica y el web no es mi nota pero quiero saber mas y aprender mas de eso PORFAVOR Ayundame
el problema es con los fondos yo tengo dos fondos partido y diferentes.
estuve por aca para ver como poner mis fondos adaptados a todas las resoluciones y lo logre alfin pero el problema es que ahora no puedo bajar och subir , mover pa la izquiera ni pa la derecha la pagina cuando lo achico o agrando. esta totalmente parado pero no se desordena ya cuando lo achico e agrando.
aca les mandos mi html y css y espero que me ayuden MUCHA GRACIAS ANTE MANOS! :d
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="bakgrund" >
</div>
<div id="cabecera">
<div id="logotipo"></div>
<img src="logotipo.png" width="470" height="80" </div>
<div id="portada"> </div>
<div id="linea"> <a> Dragon Ball </a> </div>
<div class="main_container">
<div id='cssmenu'>
<ul>
<li class='active '><a href='#'><span>Home</span></a></li>
<li><a href='#'><span>Products</span></a></li>
<li><a href='#'><span>Company</span></a></li>
<li><a href='#'><span>Contact</span></a></li>
</ul>
</div>
</body>
</html>
MI CSS¨
body {
background-image: url('fondo.jpg');
background-attachment:fixed;
background-size:100% 100%;
margin: 0px;
padding: 0;
left:50%;
right:50%;
position:fixed;
z-index: -1;
top: 0;
left: 0;
width: 100%;
}
/* boxar */
div.bakgrund {
position:absolute;
background-size:100% auto ;
background-image: url('fondo2.gif');
background-attachment:fixed;
height:180%;
width:100%;
margin:auto;
margin-top:400px;
}
div.main_container{
background-image:url('backgrund.png');
border-radius:15px;
height:1100px;
width:1200px;
position:relative;
margin:auto;
margin-top:23px;
padding:0px;
}