Código HTML:
<div id="derecha"></div> <div id="izquierda" style="width: 150px;"></div>
Gracias
Fede
|
|
#1 (permalink) |
![]() Fecha de Ingreso: febrero-2005
Mensajes: 646
|
Dos columnas, problemas
Código HTML:
<div id="derecha"></div> <div id="izquierda" style="width: 150px;"></div> Gracias Fede |
|
|
|
|
|
#3 (permalink) |
![]() Fecha de Ingreso: julio-2003
Ubicación: Valencia - Venezuela
Mensajes: 253
|
Yo diría:
#derecha{float:right;width:100%} #izquierda{clear:left;width:150px} Otra opción, pero te funcionaría con los últimos browsers: #derecha{display:table-cell;} #izquierda{display:table-cell;width:150px} Saludos.
__________________
Gustavo Narea. Venezuela. |
|
|
|
|
|
#4 (permalink) |
![]() Fecha de Ingreso: febrero-2005
Mensajes: 646
|
Gracias a los dos, pero...
1. Lo de table-cell preferiría no usarlo, además de que pondría mis divs exactamente al revés de como lo quiero (considerando que izquierda está debajo de derecha) 2. Los otros ya los había probado, pero no funcionan ![]() Otra idea? |
|
|
|
|
|
#5 (permalink) |
![]() Fecha de Ingreso: julio-2003
Ubicación: Valencia - Venezuela
Mensajes: 253
|
Hola.
No entiendo porqué no te funciona la primera sugerencia... Yo estoy haciendo un sitio y uso esa técnica para hacer lo mismo que tu quieres hacer. Es más, lo he probado en Linux y Windows, con Firefox e Internet Explorer... y todo funciona. Saludos.
__________________
Gustavo Narea. Venezuela. |
|
|
|
|
|
#7 (permalink) |
![]() Fecha de Ingreso: febrero-2005
Mensajes: 646
|
Buscadores y accesibilidad (sin hojas de estilo el contenido debería aparecer primero ya que es lo más importante, por lo menos así me es más útil a mí).
Qué raro, a mi no funciona ni ahí Me queda izquierda por debajo.--------------------------- EDIT: Me funcionó con el ejemplo de culantrax :D Supongo que cuando lo probé nombré mal las clases o algo Perdón y gracias. |
|
|
|
|
|
#8 (permalink) |
![]() Fecha de Ingreso: noviembre-2002
Ubicación: httpdocs
Mensajes: 2.562
|
Cita:
No funciona con IE6.0 si con los anteriores, pero funciona totalmente con los demas navegadores.
Iniciado por gustavoang
Yo diría:
Otra opción, pero te funcionaría con los últimos browsers: #derecha{display:table-cell;} #izquierda{display:table-cell;width:150px} Saludos. aqui tengo dos tutos al respecto con las columnas: http://www.asinox.net/?p=23 y http://www.asinox.net/?p=2 Este ultimo con table:cell pero no sirve para IE, mientras que el primero para todos los navegadoes con <dl><dt> y <dd> Saludos |
|
|
|
|
|
#9 (permalink) |
![]() Fecha de Ingreso: febrero-2005
Mensajes: 646
|
Saben que el de culantrax me funcionó, pero el problema es que está dentro de un contenedor y éste no se expande cuando el div con posición absoluta sobrepasa el tamaño del contenedor (obviamente).
Voy a probar con los tutoriales que puso asinox (definitivamente tengo que practicar más con CSS). EDIT: Ya lo estuve mirando, el problema es que al tener los divs distinto orden me surge el mismo problema que tengo ahora. Si alguien sabe la solución agradecería mucho que lo pongan acá Mientras tanto voy a seguir como estoy ahora.Probablemente opte por darle ancho fijo a los dos divs, de esa forma no tengo problemas. Suerte Fede Última edición por thunder.scripts; 19-jul-2005 a las 14:29. |
|
|
|