Autor
|
Tema: Tabla Fija Con Scroll Html (Leído 9,428 veces)
|
|
overxfl0w13
|
El problema visual es éste: [img width="300" height="300"]http://www.subirimagenes.net/pictures/3c9a969b556a628b3ea9875a1a76e9ca.png[/img] Tengo que situar una tabla centrada con un tamaño fijo y con scroll para que el texto no la redimensione. He probado diversas maneras, pero a lo único que he llegado es a dejar fija la tabla y el texto a sobresalir por sus extremos. ¿ Alguna Idea ? Gracias 
|
|
|
|
« Última modificación: 4 Junio 2012, 15:01 pm por overxfl0w13 »
|
En línea
|
[/url]
|
|
|
|
#!drvy
|
Deja la tabla con un ancho fijo y centra la, luego para que no te sobresalga el texto puedes poner en el css de esta, la propiedad word-wrap:break-word; o puedes utilizar overflow:auto; para que agregue scroll cuando sea necesario.
Saludos
|
|
|
|
|
En línea
|
|
|
|
|
overxfl0w13
|
Deja la tabla con un ancho fijo y centra la, luego para que no te sobresalga el texto puedes poner en el css de esta, la propiedad word-wrap:break-word; o puedes utilizar overflow:auto; para que agregue scroll cuando sea necesario.
Saludos
Muchas gracias drvy  Es raro, pero no hace nada :S. Lo más seguro es que tenga algún fallo en la declaración de la tabla, la llevo así: <table width="600" name="codigo" style="background-color: #D8D8D8; table-layout: fixed; overflow: auto; word-wrap: break-word;"> <?php require_once("geshi/geshi.php"); $ruta = "codigos/".$_POST["codingo"]; $codigo = file_get_contents($ruta); $ges = new GeSHi($codigo, "c++"); echo $ges->parse_code(); ?>

|
|
|
|
« Última modificación: 4 Junio 2012, 15:27 pm por overxfl0w13 »
|
En línea
|
[/url]
|
|
|
|
#!drvy
|
Yep, no me fije que el overflow no se lleva bien ni con table ni con tr ni con td... xD Así que improvisando... puedes añadir un div antes de la tabla y hacer algo así: <div style="width:600px; background-color: #D8D8D8; overflow:auto; word-wrap:break-word;"> <table name="codigo" style="table-layout:fixed; width:100%;"> <?php require_once("geshi/geshi.php"); $ruta = "codigos/".$_POST["codingo"]; $codigo = file_get_contents($ruta); $ges = new GeSHi($codigo, "c++"); echo $ges->parse_code(); ?>
Recuerda que si combinas overflow con word-wrap.. prácticamente overflow queda solo de decoración, porque word-wrap rompe las palabras cuando lleguen al máximo de ancho y a no ser que definas un máximo de alto no se activa =). Saludos
|
|
|
|
« Última modificación: 4 Junio 2012, 15:52 pm por drvy | BSM »
|
En línea
|
|
|
|
|
WHK
|
y si utilizas un margin: 0 auto; y un zoom adecuado al ancho total del html calculado con javascript y $(document).width() ? Mira que entretenido está esto xD $('body').css('-moz-transform', 'scale(' + ((($(window).width() * 100) / $(document).width()) / 100) + ')'); $('body').css('-moz-transform-origin', 'left top');
Aunque se que no es lo que vas a utilizar, pero para centrarlo basta con poner margin 0 auto, además veo que la tabla está muy hacia el costado, quiere decir que la tienes encerrada en una división que tiene un padding o margin left, sacala de ahi y dejala sola en body y ponle el margin 0 auto, luego le das un ancho fijo, algo asi como unos 950px y su quieres un overflow entonces encierralo en una division con las mismas propiedades con un position relative y overflow auto, el relative es para que internet explorer no haga burradas.
|
|
|
|
|
En línea
|
|
|
|
|
overxfl0w13
|
Muy buenos los dos, únicamente lo he hecho como me ha dicho drvy porque no me llevo yo muy bien con javascript ( de momento )  . WHK la tabla estaba hacia el costado, porque el texto la redimensionaba, lla verdad es que ni me he fijado si le he puesto algún margin left, pero creo que no xD. Gracias a los 2, de verdad  . Por cierto, para fijar el alto que podría hacer? Tenía pensado ponerle un scroll lateral también y así fijar completamente la tabla en el centro con una anchura y altura determinada EDIT: Conseguido, solo tenía que definir el height en el div, gracias a los 2  Podéis pasaros por mi web cuando queráis y postear todo el código que os apetezca  Un saludo 
|
|
|
|
« Última modificación: 4 Junio 2012, 20:35 pm por overxfl0w13 »
|
En línea
|
[/url]
|
|
|
|
| Mensajes similares |
|
Asunto |
Iniciado por |
Respuestas |
Vistas |
Último mensaje |
|
|
Organizar Tabla HTML
PHP
|
^Tifa^
|
4
|
4,161
|
26 Abril 2009, 22:44 pm
por дٳŦ٭
|
|
|
extraer html (tabla) con php
PHP
|
schumacher
|
2
|
4,705
|
25 Mayo 2012, 07:37 am
por engel lex
|
|
|
python y tabla HTML
Scripting
|
Alfai
|
3
|
5,374
|
17 Agosto 2009, 00:04 am
por Alfai
|
|
|
Duda sobre insersion a tabla html desde tabla sql
Bases de Datos
|
mokoMonster
|
2
|
4,828
|
20 Febrero 2010, 01:20 am
por Shell Root
|
|
|
Insertar scroll lateral en tabla de Dreamweaver CS4
Desarrollo Web
|
sulloa
|
1
|
8,931
|
13 Mayo 2011, 13:34 pm
por Spider-Net
|
|