Foros del Web » Creando para Internet » CSS »

Table con float:right

Estas en el tema de Table con float:right en el foro de CSS en Foros del Web. Hola, tengo un catálogo de productos con una foto a la izquierda y una tabla de características a la derecha. Código HTML: <div id= "contenido" ...
  #1 (permalink)  
Antiguo 13/03/2009, 11:57
 
Fecha de Ingreso: junio-2008
Mensajes: 93
Antigüedad: 9 años, 6 meses
Puntos: 0
Table con float:right

Hola, tengo un catálogo de productos con una foto a la izquierda y una tabla de características a la derecha.

Código HTML:
 <div id="contenido">
           
        	<div id="producto">
            
           <h2>Farmacia</h2>
            
            <div class="prod">
            	<img class="fotoprod" src="../img/productos/Pilfer28.jpg" alt="Linea Oftal de cuello estrecho" />
                      
                <table>
                        <caption>
                        Cuello Pilfer 28
                        </caption>
                        <tr>
                .....
                      </table>
          </div>

<div class="prod">
            	<img class="fotoprod" src="../img/productos/Pilfer28.jpg" alt="Linea Oftal de cuello estrecho" />
                      
                <table>
                        <caption>
                        Cuello Pilfer 28
                        </caption>
                        <tr>
                .....
                      </table>
          </div>
            
Esa es la disposición de los elementos, foto + tabla en el mismo div. Y así varios productos seguidos.

Y el CSS

Código:
#producto{
	margin-bottom: 25px;
	float: right;
	margin-right: 40px;
	width: 610px;
	display: table;
}

#producto h2{
	text-align: left;
	color: #e30000;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}

.fotoprod{
	float: left;
	clear: none;
	margin-top: 20px;
	border: 1px solid #1f2c66;
}

#producto table{
	border-collapse: collapse;
	border: 1px solid #96ccff;
	float: right;
	clear: right;
}
El problema está en que la tabla no me hace el float: right y se me queda pegada a la foto. En IE, la primera tabla de la lista me hace el float: right pero el resto no. En FF ninguna.

No puedo poner un margin porque las fotos no son todas de la misma anchura y quiero que todas las tablas queden alineadas. Y con un position: absolute las puedo colocar a la derecha pero entonces se me montan las tablas unas encima de otras.

¿Alguien tiene alguna solución?
  #2 (permalink)  
Antiguo 13/03/2009, 17:28
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Table con float:right

¿Tienes un doctype en tu página?
Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 15/03/2009, 06:39
 
Fecha de Ingreso: junio-2008
Mensajes: 93
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Table con float:right

Sí, pero el Transitional

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  #4 (permalink)  
Antiguo 18/03/2009, 05:37
 
Fecha de Ingreso: junio-2008
Mensajes: 93
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Table con float:right

¿Nadie tiene una solución?
  #5 (permalink)  
Antiguo 18/03/2009, 07:18
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Table con float:right

Bueno, pegué tu código en un HTML con un doctype como el que te puse y no vi el problema: las tablas estaban pegadas a la derecha, tanto en IE como en FF.
__________________
Visita mi nueva web idplus.org
  #6 (permalink)  
Antiguo 20/03/2009, 10:46
 
Fecha de Ingreso: junio-2008
Mensajes: 93
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Table con float:right

Gracias, ya encontré el problema, estaba en el div padre.
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 15:59.