Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de A vueltas con las capas (2, una baja a pesar de lo simple) en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 26/03/2007, 07:06
Usuario no validado
 
Fecha de Ingreso: marzo-2004
Mensajes: 349
Antigüedad: 13 años, 8 meses
Puntos: 0
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">&nbsp;</a></li>
<li><a id="2" href="b.html">&nbsp;</a></li>
<li><a id="3" href="b.html">&nbsp;</a></a></li>
<li><a id="4" href="b.html">&nbsp;</a></li>
<li><a id="5" href="internetb.html">&nbsp;</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;
}
  #2 (permalink)  
Antiguo 26/03/2007, 12:13
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 13 años, 7 meses
Puntos: 2
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">&nbsp;</a></li>
<li><a id="2" href="b.html">&nbsp;</a></li>
<li><a id="3" href="b.html">&nbsp;</a></a></li>
<li><a id="4" href="b.html">&nbsp;</a></li>
<li><a id="5" href="internetb.html">&nbsp;</a></li></ul>
</div>
</div>


Saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:29.