Float right, por que pasa esto?

[RazorBuzz]

Alguien podría decirme por que pasa esto cuando quiero que el contenido flote al costado de una botonera:

http://www.catedradequimica.com.ar/prueba.htm

[smokecitizen]

revisé rápidamente tu código y tus Hojas de estilo y por ningun lado veo definidos los estilos tanto para tu div llamado botonera, ni para tu div llamado contenido, modifiqué al vuelo tu hoja de estilo agregando el #botonera con la propiedad float:left e inmediatamente me colocó tu contenido a la derecha, así que por ahí va la cosa

de cualquier forma checa bien tu contenido porque creo que deberás agregar un div adicional para arrastrar el div contenedor con la imagen de fondo

Saludos

[MaXaC]

Hola, pues te recomiendo que todos los estilos los coloques en hojas externas ya que al embeber en la propia pagina te dificultas el corregir errores, aparte del orden y facilidad de modificaciones, bueno lo que tienes que hacer el poner esto en tu capa contenedor

Código:

<div id="contenedor" style="margin-left:auto; margin-right:auto; width: 760px; background-image: url(qa_arch_index/fondo.jpg);">

puse margin left y rigth auto para que se centre la capa, es todo
como te digo, trata de poner estos estilos en tus hojas de css

[RazorBuzz]

Bien voy a revisar los atributos para botonera. Pero de todos modos, como crees que puedo hacer esto último que me dices¿?

Iniciado por smokecitizen

de cualquier forma checa bien tu contenido porque creo que deberás agregar un div adicional para arrastrar el div contenedor con la imagen de fondo

Saludos

Y Gracias Nuevamente

[sergiold]

Si tienes la estructura de la página así:

Código HTML:

<div id="menu">
</div>
<div id="contenido">
</div> 

Creo que no te funcionará. Lo digo porque me ha pasado a veces lo mismo.

Te sugiero dos opciones:

1. Cambiar el orden de las capas:

Código HTML:

<div id="contenido">
</div>
<div id="menu">
</div> 

2. Eliminar el atributo float:right; del contenido y poner un float:left; al menu.

Creo que así debería funcionarte.

Saludos,