Hola, gracias por tu aporte.Soy nuevo en esto y estoy intentandoponer la imagen de fondo pero me sale a su tamaño y centrada en la parte superior con lo que desplaza hacia abajo el resto de elementos.
Pongo los códigos por si me puedes ayudar
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Artesania Loli</title>
<link rel="stylesheet" href="estilololi.css" type="text/css" media="all">
</head>
<body>
<div>
<img id="pantalla" src="objetos/vajilla.jpg">
</div>
<div id="global">
<div id="cabecera">
<div id="logo"><a href="index.html"><img src="objetos/logo2.jpg" width="283"
height="167" alt="Haz clic aquí para volver a la página de inicio"></a>
</div>
<div id="navegacion">
ul><li><a href="index.html">Principal</a></li><li><a href="#">Cursos</a></li><li><a href="#">Contacto</a></li>
</ul>
</div>
</div>
<div id="contenido">
<div class="main_cont">
<div class="menu_top_bg">Productos
</div><!-- menu_top -->
<div class="sub_menu">
<ul>
<li><a href="#"; class= "selected">Tu texto 1</a></li>
<li><a href="#">Tu texto 2</a></li>
<li><a href="#">Tu texto 3</a></li>
<li><a href="#">Tu texto 4</a></li>
<li><a href="#">Tu texto 5</a></li>
<li><a href="#">Tu texto 6</a></li>
</ul>
</div><!-- sub_menu -->
</div><!-- contenedor -->
<div id="cuerpo">
<h1>Bienvenidos a Artesanía Loli</h1>
<p> Artesanía Loli es un taller artesano, fundado en el 2000, dedicado a la transformación artística de vidrio plano. Trabajamos técnicas como el fusing, termoformado de superficies, la decoración a media y baja temperatura, la pasta de vidrio, tiffany`s, escultura en frio o la joyería.</p>
<p>Los trabajos que desarrollamos son piezas limitadas de autor, que se dedican a la decoración de espacios, menaje, recordatorios de eventos, placas conmemorativas o trofeos.</p>
<p>Realizamos colecciones semestrales que presentamos en ferias de Oficios Artesanos, colecciones de entre 10 y 200 unidades trabajadas una a una para dotarlas de posibilidades.</p>
<p>Mimamos el encargo como base del taller, diseñando a nuestros clientes espejos, tragaluces, vidrieras, según sean sus prioridades o ideas.</p>
</div><!-- cuerpo -->
<div id="imagenes_portada">
<ul>
<li><a href="index.html"><img src="objetos/vajilla.jpg" ></a></li>
<li><a href="index.html"><img src="objetos/jarron.jpg" ></a></li>
</ul>
</div><!-- imagenes -->
</div><!-- contenido -->
</div><!-- global -->
</body>
</html>
CSS
* {text-indent:0px; margin:0px; padding:0px ; border:0px;}
html, body {
margin:0;
padding:0;
width:100%;
height:100%;
overflow:hidden;
font-family:Andalus, Arial, Helvetica, sans-serif;
font-size:1.1em;
}
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:1;
}
p {text-align:justify;}
h1 {font-size:1.2em; color:blue; font-weight:bold; text-decoration:underline;
text-align:center;padding:10px 0px}
body {text-align:center; background-color:silver;}
#global {width:900px; margin:4px auto;}
#cabecera {background-color:#585858;height:180px;float:left;width:auto;}
#logo{float:left;margin:0px 0px 0px 100px;}
#navegacion {height:25px;width:517;float:left;margin-top:130px;
padding-bottom:10px;}
#navegacion li {float:left; list-style:none;padding:10px;font-size:1.2em;
margin-bottom:20px;background-color:#4d7986;width: 100px;margin:10px;
border-radius: 50px;}
#navegacion ul { margin-left: 60px;float:center;color:white;}
a{color:white;text-decoration:none;display:block;}
a:link {}
a:visited {}
a:hover{color:red;text-decoration:none;background-color: #F7F2E0;}
a:active{}
#navegacion span{padding-left:50px}
#contenido {}
#cuerpo {background-color:white;padding-bottom: 24px;float:left;width:770px;}
#cuerpo p {text-indent:15px;padding:0px 10px}
#cuerpo h1 {}
#imagenes_portada {float:left;padding: 0px; margin: 0px auto;}
#imagenes_portada ul{width:900px; }
#imagenes_portada li {width:450px; float:left;height: auto;list-style: none;
background-color:green;}
#imagenes_portada ul li a:hover{}
.main_cont
{
float:left;
width:110px;
background-color:#4d7986;
padding:10px 10px 10px 10px;
}
.menu_top_bg
{
width:110px;
background:img src(../objetos/menu_top_bg.gif) repeat-x;
height:22px;
padding-top:8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
.sub_menu ul
{
padding:0px;
margin:0px;
}
.sub_menu ul li
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
line-height:32px;
border-bottom:1px dotted #93bcc3;
list-style-type:none;
}
.sub_menu ul li a
{
text-decoration:none;
color:#FFFFFF;
}
.sub_menu ul li a.selected
{
background:img src(../objetos/menu_selected.gif) no-repeat;
float:left;
width:110px;
height:32px;
}
.sub_menu ul li a:hover
{color:red;
background:img src(../objetos/menu_selected2.gif) no-repeat;
float:left;
width:110px;
height:32px;
}
