Foros del Web - A vueltas con las capas (2, una baja a pesar de lo simple)

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - A vueltas con las capas (2, una baja a pesar de lo simple) (http://www.forosdelweb.com/f53/vueltas-con-las-capas-2-baja-pesar-simple-476115/)

A vueltas con las capas (2, una baja a pesar de lo simple)

Después de hacer una página con 3 mucho más complicada, inexplicablemente ahora se me atraganta una de 2. La parte de la izquierda se me baja y además toma una altura como si la lista fuera vertical cuando es horizontal.

El código es:

HTML:

<div id="cabecerab">

<div id="menuimagenes">
<ul id="navegacionbase">
<li><a id="1" href="a.html"> </a></li>
<li><a id="2" href="b.html"> </a></li>
<li><a id="3" href="b.html"> </a></a></li>
<li><a id="4" href="b.html"> </a></li>
<li><a id="5" href="internetb.html"> </a></li></ul>
</div>

<div id="buscador">
CODIGO BUSCADOR
</div>

</div>

CSS:

#cabecerab { text-align: left;
left: 0pt;
width: 1024px;
background-color: blue;
}

#menuimagenes {

margin-left: 365px;
text-align: left;
width: 593px;
left: 0px;
border:0px;
padding: 0px 0px 0px 0px;
height: 32px;
}

#buscador { width: 355px;
background-color: #efefef;
float: left;
}

Re: A vueltas con las capas (2, una baja a pesar de lo simple)

supongo que lo que quieres flotar es #buscador.

Si es así, pues el div buscador debe ir antes que el elemento de la derecha, en el HTML... de la siguiente manera:

<div id="cabecerab">

<div id="menuimagenes">

<div id="buscador">
CODIGO BUSCADOR
</div>

<ul id="navegacionbase">
<li><a id="1" href="a.html"> </a></li>
<li><a id="2" href="b.html"> </a></li>
<li><a id="3" href="b.html"> </a></a></li>
<li><a id="4" href="b.html"> </a></li>
<li><a id="5" href="internetb.html"> </a></li></ul>
</div>
</div>

Saludos