Comunidad de diseño web y desarrollo en internet online

Problema con divs

Citar            
MensajeEscrito el 12 Dic 2008 06:59 pm
Ante todo queria comentaros que llevo mucho tiempo resolviendo mis dudas gracias a vuestros comentarios y experiencias. Como comprendereis no podia exponer mi duda sin daros las gracias por los servicios que prestais todos los miembros del foro.

Ahora viene cuando lo matan...
Hablo de html basico maquetado con divs + css.
<div id = "div_grupo_der" class = "div_grupo_der">
<img src="UNA_FOTO.JPG'" align="left"><p>UN TEXTO</p>
</div>
La idea es que el div se adapta al tamaño del parrafo y no de la imagen. Con esto sucede que si el texto es cortito, la imagen saldrá por debajo del div y el borde del div la corta.
Si el texto es largo no hay problema.

La imagen es siempre del mismo tamaño y se me ocurrió darle al div un min-height pero el explorer pasa de el :S

He encontrado la forma de hacer que el div rodee el contenido en cualquier circunstancia pero.... meto todo lo del div dentro de una tabla 100%. Una ñapa...
Como lo harias?
10000 Gracias

Por weedom

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 12 Dic 2008 07:03 pm
Primero una recomendaion, en ves de usar align left para la imagen usa un style="float:left" mejor si lo pones en una clase.

Ahora , solo debes crear una clase .clear en tu hoja de estilos

Código HTML :

.clear {clear:both height:0;}

Y la pones sin nada de contenido mas que un comentario vacio, debajo de tu parrafo, asi:

Código HTML :

<div id = "div_grupo_der" class = "div_grupo_der">
      <img src="UNA_FOTO.JPG'" style="float:left"><p>UN TEXTO</p>
      <div class="clear"><!----></div>
</div>

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Lima, Peru

firefox
Citar            
MensajeEscrito el 13 Dic 2008 01:07 am
gracias por la respuesta.
pero hay mas problemas
En Firefox va perfecto
Pero el maldito IE efectivamente estira los divs pero no los bordes. Se ve la caja pero con aberturas en los bordes verticales.

Seria muy descabellado poner un iframe de la siguiente manera?
Cargar el contenido del iframe con php y redimensionarlo con js
Para situarnos mejor diré que es una especie de galeria de imagenes + descripcion
cada img y desc en un div con clear both
Podria obtener la lista de imagenes y generar tantos iframes como imagenes, luego a cada iframe pasarle la id de la imagen que tiene que mostrar y la lista de imagenes.

Habrá mucha diferencia en cuestion de coste temporal entre el div y el iframe?
Que es lo recomendable de usar?

Por weedom

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 13 Dic 2008 02:13 am
Nooo, no uses iframes, de hecho olvidate que existen :)

Desearia que me pases la definicion de tu clase div_grupo_der, si tienes definicion tambien para el id div_grupo_der pegala pero supongo que solo tienes de la clase no? Quiero revisarla.

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Lima, Peru

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.