Que tal a toda la comunidad!
Recién estoy haciendo una página web con un amigo, hicimos una plantilla en PSD y luego intenté pasarla a HTML+CSS
La idea es que en un futuro, cuando ya quede cada cosa en su lugar, volverla una plantilla de Wordpress.
El problema es con el fondo, ya que en mi monitor se veía bien, hasta que mi amigo me dijo que desde el suyo se veian los lados cortados.
Como puedo solucionar eso y hacer que se ajuste al 100% del monitor, sin importar la resolución?
Les dejo el link: [URL="http://neoprit.com/"]http://www.neoprit.com/[/URL]
Código HTML:
<body>
<div id="main">
<div id="dr"></div>
<div id="df"></div>
<div id="top"></div>
<div class="contenido">
<div id="header">
<a href="la-verdadera-plantilla-xD.jpg"><img src="neoprit.png" alt="Néoprit" title="Se supone que debió haber quedado algo así LOL" /></a>
</div>
<ul id="menu">
<li><a href="#">Slide Show</a></li>
<li><a href="#">Submenu</a></li>
<li><a href="#">Perro</a></li>
</ul>
<div id="nav">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Trabajos</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<div class="contenido">
</div>
</div>
</body>
</html> y el CSS
Código:
body
{
margin:0px;
padding:0px;
background:#8e0101 url(fondo.png) top no-repeat;
color:#e4e4e4;
}
#dr
{
position:absolute;
top:120px;
left:0;
background:url(dr.png) no-repeat;
width:321px;
height:718px;
}
#df
{
position:absolute;
bottom:0;
right:0;
background:url(df.png) no-repeat;
width:658px;
height:414px;
}
#top
{
margin:0 auto;
height:28px;
width:100%;
background:#000;
}
.contenido
{
width:968px;
margin:0px auto;
position:relative;
}
#header
{
padding-top:20px;
}