Saludos.
Estoy haciendo una "web" para ir practicando las cosas que voy aprendiendo y me he encontrado un problema.
Mi idea es tener un div contenedor que tenga un tamaño de 960x1024 por ejemplo y con fondo transparente, y dentro de este ir solapando el resto de divs que tienen una anchura de 940 por lo que se queda el borde transparente del div contenedor.
El problema es que el 1º div se me queda pegado al div contenedor y no hay manera de hacerle bajar xD
Os pongo foto, código html y css.
Cita: <body>
<div id="container">
<div id="menubarrasup" >
<div id="headerlogo">
<img src="D:\Proyectos Páginas Web\Web proyecto\Proyecto logo.png" </img>
</div>
<div>
<table cellpadding="10px" align="center" frame="void" bordercolordark="#FF9900" bordercolor="#FFFFFF" bordercolorlight="#FF0000">
<tr>
<td><a class="linkweb" href="D:/Proyectos%20P%E1ginas%20Web/Web%20proyecto/Web.html">Inicio</a></td>
<td><a class="linkweb" href="D:/Proyectos%20P%E1ginas%20Web/Web%20proyecto/Web.html">| ¿Quienes somos?</a></td>
<td><a class="linkweb" href="D:/Proyectos%20P%E1ginas%20Web/Web%20proyecto/Web.html">| Nuestros productos</a></td>
<td><a class="linkweb" href="D:/Proyectos%20P%E1ginas%20Web/Web%20proyecto/Web.html">| Contact</a></td>
</tr>
</table>
</div> <br>
</div>
</div>
</body>
Cita: @charset "utf-8";
/* CSS Document */
body{background:#08080F url(FondoCabecera3.jpg) center top no-repeat;color:#EEEEEE;font-family: Arial, Helvetica, Sans-serif;font-size: 13px;margin-top:20px;padding:0px;}
#container {background: rgba(255,255,255,0.2); margin-left:auto; margin-right:auto; width:960px; height:1024px; margin-top:290px; }
#menubarrasup { background:#333333; width:930px; height:218px; margin-left:auto; margin-right:auto;}
#headerlogo { text-align:center;}
.linkweb:link {color:#FF8000; text-decoration:none}
.linkweb:visited {color:#FF8000;}
.linkweb:hover {color:#FA0C12;}
.linkweb:active {color:Silver;}
Pongo el código como "Quote" para que tenga más anchura y sea más facil leerlo.
Como veis está el div contenedor, y luego hay un div que contiene dos divs más, este si respeta el espacio a los lados, pero no consigo que deje espacio en la parte superior.
La idea es hacer esto: http://hispasolutions.com/index.php?route=common/home
Si os fijais el bloque superior tiene un espacio del div contenedor por los cuatros lados.
Espero haberme explicado bien xD