página ocupando siempre el 100%?

indeed · #1 (**permalink**) 07/12/2002, 11:51

Hola!

El caso es que estoy empezando en esto del HTML y... he visto que hay algunas páginas que siempre ocupan el 100% del ancho del navegador. Páginas por ejemplo, con dos menúsa los lados y una columna central que es la que se agranda o disminuye dependiendo de la resolución.. ¿Cómo puedo hacer esto?

Poniendo por ejemplo, la tabla principal al 100%, y luego las columnas de los dos menús de los lados con su tamaño en px, y la central.... con 100% se arreglaría?

Si no.. qué opciones tengo?

Gracias!

Salu2!

ej1236 · #2 (**permalink**) 07/12/2002, 12:06

solo de esa forma

indeed · #3 (**permalink**) 07/12/2002, 12:50

Ok, jejeje!

Pero... el tamaño de la columna central en qué lo dejo? Si pongo los menús ne px, la columna cenrtal la dejo al 100% y no me "come" nada de los menús ni los desplaza ni nada?

Gracias

Nos vemos!

xema · #4 (**permalink**) 08/12/2002, 06:40

debes de poner TODAS las tablas al 100% pero siempre existe el problema de las imágenes, yo e estado con la última que he hecho así y tengo el problema que al trabajar en 1024 hice las imágenes y los botones más grandes de lo que queria, y no se llega a ajustar a 800, pero si pones todas las tablas con % no hace flata que las interiores sean al 100% sino al tanto por cien que necesites y ya esta.

indeed · #5 (**permalink**) 08/12/2002, 08:22

mmm...

Yo no soy ningún gran experto.. pero me da a mí que no es así eh?

Más que nada porque he visto sitios tanto html como PHP que tan sólo va´ria la olumna de en medio...

Por ejemplo, muchos sitios hechos ocn Xoops, Postnuke, Php-Nuke, se ajustan tal como digo, sin variar los menús.

Alguien nos lo confirma?

Gracias

Salu2!

xema · #6 (**permalink**) 08/12/2002, 08:58

claro que es así lo que pasa que los menus de los lados están hechos por imágenes y por eso no varian y el del centro si, es muy sencillo tu pon todas las tablas en % y pruebalo, pero si de todas formas quieres que la de los lados no se muevan para nada, es sencillo, haces una exterior que englobe todo al 100% luego a las de los lados le das el nº de píxeles que quieres que ocupen y a la del centro la haces tb en % y ya está

indeed · #7 (**permalink**) 08/12/2002, 09:31

Jejeje, ok! Gracias.

Con lo de una gloal del 100% ya lo he captado mejor...:). Mira, este es el problema que tengo de momento:
Quiero una tabla que tiene 3 columnas, cada una con tablas en su interior, pero que no intervienen para nada. El caso esq ue las dos columnas de los lados quiero que no se muevan para nada, que conservern su tamaño de 1250px y 250px respectivamente, pero que la de en medio se ajuste. ¿Le pongo el 100% a esa columna de en medio? Porquie si lo hago me "come" el espacio de las otras... Vamos,q ue las otras no alcanzan todo su tamaño. Igual es es sólo has que ponga tablas dentro de las columnas de los lados, de forma que utilicen todo lo que en teoría pueden ocupar, y la de en meido ya no les comería... Dios.. vaya lío para explicar... Aquí dejo el código, y a ver si me pueden ayudar:

<html>
<head>
</head>

<body bgcolor="c0c0c0" rightmargin="0" leftmargin="0" topmargin="0">
<table width=100% border="0" cellpadding="0" cellspacing="0">
<tr height="70px">
<td valign="top" width="150px" bgcolor="0066BE">
<img src="*.jpg">hola
</td>
<td valign="top" width="%" bgcolor="0066BE">
<img src="*.jpg">hola
</td>
<td valign="top" width"250px"align="center">
<table border="1">
<tr>
<td>imagenesquina</td>
<td>propaganda</td>
<td>imagenesquina</td>
</tr>
<tr>
<td>imagenesquina</td>
<td>imagenabajo</td>
<td>imagenesquina</td>
</tr>
</table>
</td>
</table>
</body>
</html>

Como ven, el código está muy básico y my preliminar, sin imágenes ni nada, pero a ver si se pueden hacer una idea...

Gracias por todo.

Salu2!

P.D: xema, ¿tú eres el de la página de tuning de coches?

xema · #8 (**permalink**) 08/12/2002, 18:09

hola, prueba con esto:

Código:

 <html>
<head>
</head>

<body bgcolor="c0c0c0" rightmargin="0" leftmargin="0" topmargin="0">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="1004"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <!--DWLayoutTable-->
        <tr> 
          <td width="125" valign="top" bgcolor="#0066CC"><img src="*.jpg" width="125" height="31">hola 
          </td>
          <td width="80%" align="center" valign="middle" bgcolor="#0066CC">sdf<img src="*.jpg">hola 
          </td>
          <td><table border="1">
              <tr> 
                <td>imagenesquina</td>
                <td>propaganda</td>
                <td>imagenesquina</td>
              </tr>
              <tr> 
                <td>imagenesquina</td>
                <td>imagenabajo</td>
                <td>imagenesquina</td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

así supongo que te funcionara... porque les pones un valor fijo a las columnas de los lados, y el tanto% restante a la central.

si la página de coches es mia.... y espero haberte ayudado

Wakkos · #9 (**permalink**) 09/12/2002, 01:05

Las tablas apestan.

Hazlo con CSS.
Quieres razones?
no tendras 2000 anidaciones diferentes de celdas dentro de celdas ni tablas dentro de tablas cosa que cuando quieres hacer un cambio en el código necesitas examinar con lupa toda esa mierda. Las tablas son más para ordenar datos que para diagramar, para diagramar está precisamente el CSS.

Quieres ejemplos?

http://bluerobot.com/web/layouts/layout1.html
http://bluerobot.com/web/layouts/layout2.html
http://bluerobot.com/web/layouts/layout3.html
http://www.brainjar.com/css/positioning/default.asp
http://www.glish.com/css/7.asp
http://www.glish.com/css/9.asp
http://www.glish.com/css/8.asp

indeed · #10 (**permalink**) 09/12/2002, 08:45

Mmmm...

La verdad es que creía que CSS era sólo para estilos en plan links y fondos y tal... pero nunca pra formato de tablas. Lo que descubre uno....

Esta tecnología... ¿Qué velocidad de carga tiene? Por lo que he visto en los scripts que me has pasado... no es totalmente compatible con todos los navegadores... No sé, querría ma´s opiniones o más datos "técnicos" para decidirme por una u otra forma... eso a parte de que tendía que aprender CSS... ¿algún lugar?¿Se tarda mucho?

Gracias

Salu2!

P.D: De toda sformas, la págianq ue actualmente estoy hacienod tiene que ser en HTML, porque es para una asignatura. La próxima personal que ya estoy hacienod podría incorporarlo. Por eso...opiniones!:D

xema · #11 (**permalink**) 09/12/2002, 15:41

la verdad los css están bastante bien, yo no trabajo mucho con ellos porque no e profundizado, el dia que me hagan falta si que lo haré, has probado alguna vez a trabajar con el phpnuke, o el phpbb??? esos trabajan de una forma similar, así por ejemplo tu modificas el formato de una tabla en el css y todas las tablas con ese estilo cambian, es bastante practico, habrá que profundizar más en el tema.....

Theboy · #12 (**permalink**) 10/12/2002, 19:09

ha! ta mortal lo del CSS.. posta que yo tambien pensaba que era para los formatos de la pagina no mas...
Wakkos.. tenes alguna buena pagina donde den ejemplos y tutoriales o explicacion basica de como utilizar CSS?
Onda que me gusto eso

indeed · #13 (**permalink**) 16/12/2002, 17:38

Pos parece que nadie sabe nada de wenas páginas de CSS... :(

Sobre phpnuke y estos... sí he trabajado con ellos, pero nunca diseñado un theme...

Salu2!

bhagat · #14 (**permalink**) 16/12/2002, 18:10

hola, pues alguien en uno de estos foros dejo un enlace muy interesante sobre un tutorial sobre CSS , el que dice Hojas de estilo es muy completo y bien estructurado, el enlace es este :
http://webexperto.com/links/listado.asp?cod=7
que lo aprovecheis.

sakul · #15 (**permalink**) 16/12/2002, 21:39

Estas "cajas", no son las mismas DIVs ue el Netscape no soporta???