Hola amigos. Cierto, me dejé el html. Es el siguiente código:
Código:
<!-- INICIO HEADER -->
<!DOCTYPE html><!-- html 5 -->
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0"><!-- adaptativo -->
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<title></title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen">
</head>
<body>
<div id="wrapper">
<div id="filetetop"></div>
<header>
<div id="logo">ZONA PARA EL LOGOTIPO</div>
<nav id="menu">
<ul>
<li><a href="#">INICIO</a></li>
<li><a href="#">OPCIÓN1</a></li>
<li><a href="#">OPCIÓN2</a></li>
<li><a href="#">OPCIÓN3</a></li>
<li><a href="#">CONTACTO</a></li>
</ul>
</nav>
</header>
<!-- FIN HEADER -->
<!-- INICIO INDEX -->
<div id="sliderimage"><img src="images/image_prueba.png"></div>
<div id="baseslider"></div>
<section id="wrapperlittle">
<div class="item_s">
<div class="puntomind"></div>
<p class="tit_m">info</p>
<p class="tit_s">TEXTO DE PRUEBA</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur non mauris fermentum libero ultricies tempus.
Suspendisse lobortis dui nec odio feugiat sollicitudin.
Nam sed augue eros.
Curabitur luctus feugiat diam, sodales rutrum nisi dapibus at.</p>
<p><br><a href="#">Ver mas...</a></p>
</div>
<div class="item_s">
<div class="puntomind"></div>
<p class="tit_m">ejemplo</p>
<p class="tit_s">TEXTO DE PRUEBA</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur non mauris fermentum libero ultricies tempus.
Suspendisse lobortis dui nec odio feugiat sollicitudin.
Nam sed augue eros.
Curabitur luctus feugiat diam, sodales rutrum nisi dapibus at.</p>
<p><br><a href="#">Ver mas...</a></p>
</div>
<div class="item_s">
<div class="puntomind"></div>
<p class="tit_m">texto</p>
<p class="tit_s">TEXTO DE PRUEBA</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur non mauris fermentum libero ultricies tempus.
Suspendisse lobortis dui nec odio feugiat sollicitudin.
Nam sed augue eros.
Curabitur luctus feugiat diam, sodales rutrum nisi dapibus at.</p>
<p><br><a href="#">Ver mas...</a></p>
</div>
<hr class="clear">
</section>
<!-- FIN INDEX -->
<!-- INICIO FOOTER -->
<footer>
</footer>
</div><!-- fin content-wrapper -->
</body>
</html>
<!-- FIN FOOTER -->
He estado probando la propiedad top y left, pero la div #sliderimage dentro de la div #wrapper, empuja a las demás divs. Prefiero no usar position por que he leido que se puede hacer con los margin. También he visto que utilizando la div #sliderimage fuera de la div #wrapper, y utilizando position, irremediablemente, si se hace zoom o se amplía la página, la div #sliderimage tiende a quedarse fija y se descuadra del resto, ya que el resto crece en proporción ya que no tienen propiedad de position. Estoy perdido, y además ahora he visto que en internet explorer se ve todo fatalmente mal y descolocado.