Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Float right, por que pasa esto? (http://www.forosdelweb.com/f53/float-right-por-que-pasa-esto-378108/)

RazorBuzz 14/03/2006 06:44

Float right, por que pasa esto?
 
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 14/03/2006 10:12

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 :adios:

MaXaC 14/03/2006 10:16

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 :arriba:
como te digo, trata de poner estos estilos en tus hojas de css :-)

RazorBuzz 14/03/2006 11:30

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

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 :adios:

Y Gracias Nuevamente

sergiold 14/03/2006 13:47

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,


La zona horaria es GMT -6. Ahora son las 07:49.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.