Foros del Web » Creando para Internet » CSS »

Tratando con divs (novato con ellas, por favor, necesito orientación)

Estas en el tema de Tratando con divs (novato con ellas, por favor, necesito orientación) en el foro de CSS en Foros del Web. Hola a todos. Pues, me ha recomendado dejar a un lado las tablas a las que estoy tan acostumbrado y usar divs. Sinceramente no sabia ...
  #1 (permalink)  
Antiguo 26/01/2007, 23:13
Avatar de hey_alan  
Fecha de Ingreso: diciembre-2006
Ubicación: México
Mensajes: 348
Antigüedad: 11 años
Puntos: 8
Tratando con divs (novato con ellas, por favor, necesito orientación)

Hola a todos.
Pues, me ha recomendado dejar a un lado las tablas a las que estoy tan acostumbrado y usar divs.
Sinceramente no sabia que se usaran para "ordenar" u organizar un diseño, pensaba que solo posicionaban el texto.

Bueno, pues comenze a ver algunos ejemplos, pero me doy cuenta que no soy nada parecidos a las tablas, lo cual me ha ocacionado algunos problemas.

Hice una web, En la que tiene las siguientes divs:
-Div "encabezado" para la imagen de logo, con un ancho de 640 px.
-Tengo un div "menu_estructura" para el menu con los links (se que seria mejor haciendo listas, pero mejor lo dejo asi para no complicarme tanto)
-Tengo un div "contenido_estructura1" que vendria siendo el fondo, o la parte de fondo del contenido (no se como explicarlo, viendo el archivo entenderan).
-Tengo otra div "contenido_estructura2" que es donde inserte una imagen como "final" del fondo de la div anterior.

*Hasta ahora, todas esas miden 640 pixeles.

-Tengo otra div llamada "contenido" con 550 pixeles de ancho, que es la más importante, ya que dentro de ella vendra el contenido o mejor dicho, los códigos dentro de esta div serán los que iran cambiando respecto cada pagina, ustedes entienden.

-Tengo un div "contenedor1" de 640 pixeles de ancho, que contiene todos los divs anteriores (para organizarlos, como si fueran filas dentro de una columna).

-Tengo un div "contenedor2" que mide 180 pixeles de ancho, que es donde colocare el Tagboard.

y por ultimo, tengo un div "contenedor" que es la que contiene TODOS LOS DIVS.

Bueno, todo parecia ir bien, hasta que "flote" los otros dos divs (el contenedor1 y el contenedor2), para que quedaran en la misma linea, de otro modo, el div contenedor2 (el del tagboard) quedaba una linea abajo.
Además que hacer eso me facilitaria centrar la pagina.

Según yo, esta bien, y esta como en algunos ejemplos que he visto, pero el problema es que no veo que el div contenedor de todos, no veo que "se ajuste" o se haga del tamaño de su contenido, como si los demás estubieran encimados, de manera que el div contenedor no se ajusta.

Como veran, tal vez tengo una idea muy verde de lo que son las divs, pero segun yo lo he hecho todo perfecto, pero algo no me gusta.

Me gustaria que verificaran el código, haber si ven alguna anomalia o algun código estupido por ahí (no lo dudo, soy nuevo usando divs).

Bueno, para que vean más o menos a lo que me refiero, este es el archivo html (no tiene nada php, solo use includes, luego lo convertire a .php):

mx.geocities.com/cyber_extras/estructura.html
(no lo pongo con http porque no me deja por tener pocos mensajes).

RECUERDEN: Hagan click con el click secundario y en "guardar como" para ver el código

Bueno, ese es el código. Supongo que también ocuparan el del CSS:

Código de "estilos.css":

mx.geocities.com/cyber_extras/estilos.css
Igual, guardenlo en su PC para que vean el código

Pues esos son los códigos, necesito opiniones y ayuda please.

Nos vemos!

Última edición por hey_alan; 26/01/2007 a las 23:17 Razón: Una pequeña equivocacion
  #2 (permalink)  
Antiguo 27/01/2007, 10:31
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
Re: Tratando con divs (novato con ellas, por favor, necesito orientación)

Hola, hey_alan.
Añade esta propiedad a tu selector #contenedor

overflow: auto;

Con esto tendrá el tamaño de su contenido, y se estirará en caso de que el contenido crezca.

Mikel.
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:51.