Comunidad de diseño web y desarrollo en internet online

problema con ancho de tabla y div en css

Citar            
MensajeEscrito el 25 Sep 2011 04:21 pm
Problema con css? o es asi.
No estoy seguro de que sea un error o esto funciona de este modo en css.

La cuestion es la siguiente, tengo una tabla con texto que exede el tamaño de la pantalla y luego un div al 100% q no llega al 100% , por el desborde de la tabla.

Codigo:
<table><tr>
<td scope="col">
Loremipsumdolorsitametconsecteturadipiscingelit.Aliquamvitaenuncnecpurusfringillafaucibusaetdolor.Loremipsumdolorsitametconsecteturadipiscingelit.Aliquamvitaenuncnecpurusfringillafaucibusaetdolor.Loremipsumdolorsitametconsecteturadipiscingelit.Aliquamvitaenuncnecpurusfringillafaucibusaetdolor.
</td>
</tr></table>
<div style="background:#FF0000; height:255px; width:100%;"></div>


En realidad el html original es mas complejo pero es el mismo problema.
Hay alguna forma de resolver esto de modo que el div cubra todo el acho de la pantalla?

aca esta la imagen de como se ve:


gracias. saludos.

Por pablon

38 de clabLevel



Genero:Masculino  

Conozco a un grupo de personas que resuelve cualquier tipo de problema.

firefox
Citar            
MensajeEscrito el 25 Sep 2011 04:58 pm

Por pablon

38 de clabLevel



Genero:Masculino  

Conozco a un grupo de personas que resuelve cualquier tipo de problema.

firefox
Citar            
MensajeEscrito el 25 Sep 2011 05:44 pm
bien, no es muy habitual una superfragilisticapalabra, pero visto y habiendo realizándolas pruebas en mi superlaboratorio.. creo que la tabla se comporta así.

la solución que veo es utilizar el parámetro overflow de un div.

Código HTML :

  //----
         <td scope="col" >
         <div style="width:400px;overflow:auto;">
            Loremipsumdolorsitametconsecteturadipiscingelit.Aliquamvitaenuncnecpurusfringillafaucibusaetdolor.Loremipsumdolorsitametconsecteturadipiscingelit.Aliquamvitaenuncnecpurusfringillafaucibusaetdolor.Loremipsumdolorsitametconsecteturadipiscingelit.Aliquamvitaenuncnecpurusfringillafaucibusaetdolor.
         </div>
         </td>
  //----


asi sale una barra... para ver el resto de la palabra.... otra cosa es que quisieras que te dividiera la palabra, para eso deberías ya echar mano de un script en js. que troceara la palabra según medida.

Por Silvestre_

391 de clabLevel

1 tutorial

 

"un simple aficionado", pero acepto propuestas de trabajo

firefox
Citar            
MensajeEscrito el 25 Sep 2011 07:17 pm
Creo que le encontre una solucion.
No es muy elegante pero funciona, le puse un put& javascript que cambie el tamaño del div de acuerdo al de la tabla.

No funca en la basura obsoleta de ie6 ( es por el .style.minWidth, :wink: se puede poner .width y ya, pero ni ganas tengo).

aca esta el link: http://jpablon.com.ar/prueba/solucion.html

Gracias por responder. :lol:

Por pablon

38 de clabLevel



Genero:Masculino  

Conozco a un grupo de personas que resuelve cualquier tipo de problema.

firefox

 

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