Foros del Web » Creando para Internet » CSS »

muchas dudas con maquetacion

Estas en el tema de muchas dudas con maquetacion en el foro de CSS en Foros del Web. estoy comenzando con esto de la maquetacion he leido algunos articulos y pense que iba a hacer pan comido por lo que habia leido cosa ...
  #1 (permalink)  
Antiguo 10/09/2010, 23:26
Avatar de carlos_belisario
Colaborador
 
Fecha de Ingreso: abril-2010
Ubicación: Venezuela Maracay Aragua
Mensajes: 3.156
Antigüedad: 7 años, 8 meses
Puntos: 460
muchas dudas con maquetacion

estoy comenzando con esto de la maquetacion he leido algunos articulos y pense que iba a hacer pan comido por lo que habia leido cosa que no ha sido asi bueno me puse ha hacer un tutorial y funciono buenicimo pero cuando me puse a practicar tengo esto ya hecho
Código CSS:
Ver original
  1. body{
  2.     text-align:center;
  3.     font-size:16px;
  4.     font-family:"times new roman",serif;
  5.     background-color:##afeaff; 
  6. }
  7. #contenedor{
  8.     text-align:left;
  9.     background-color:#5555dd;
  10.     margin:10px;
  11.     /*border:2px solid #5555dd;*/
  12.     padding:10px;  
  13. }
  14. #contenedor h1{
  15.     color:#7777dd;
  16.     font-weight:bold;
  17.     font-size:36px;
  18. }
  19. #contenedor p{
  20.     color:#aaaadd;
  21. }
  22. .tables
  23. {
  24.     -moz-border-radius: 15px;  
  25.     border: 2px solid #5555dd; 
  26.     padding-left : 5px;
  27.     padding-right : 5px;
  28. }
  29. #subcontenedor{
  30.     width:600px;       
  31.     background-color:#ffffff;
  32.     width:580px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */ 
  33.     float:left; /*lo flotamos a la izquierda*/
  34.     display:inline; /*(*)*/
  35.  
  36. }
  37. #datos{
  38. }
  39. #subcontenedor h2{
  40.     color:
  41. }
  42. #texto {
  43.     width:580px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
  44.     clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/
  45.     padding:10px;
  46. }
mi problema es que el div de contenedor a pesar de que tiene el subcontenedor se ve mas pequeño de echo se ve como si estubiera de bajo del subcontenedor xq sera aki esta el codigo html me estaba guiando por un tutorial pero no me gusta copiar y pegar sin saber que puedo hacerlo xq siento como si no aprendiera nada de antemanos gracias por la ayuda que me puedan brindar aki el codigo html el contenido son practicas que estoy haciendo para aprender sobre el maquetado saludos
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Aprendiendo a Maquetar</title>
  5. <link rel="stylesheet" href="estilos/estilo.css" type="text/css"/>
  6. </head>
  7.     <div id="contenedor" class="tables">
  8.         <div id="subcontenedor" class="tables">
  9.             <div id="encabezado">
  10.                 <h1>Aprendiendo a Maquetar con CSS</h1>
  11.             </div>
  12.             <div id="textos">
  13.                 <h2>Vamos a empezar con el maquetado con CSS para usar las tablas para lo que se crearon trabajar datos tabulados</h2>
  14.                 <h3>Un Peque&ntilde;o Concepto</h3>
  15.                 <p>                
  16.                     aki voy a colocar parrafos de contenido
  17.                 </p>
  18.             </div>     
  19.             <div id="footer">  
  20.                 Realizado por Carlos Belisario
  21.             </div>
  22.         </div>
  23.         <div id="datos">
  24.             perfil
  25.         </div>     
  26.     </div>
  27. </body>
  28. </html>
gracias por la ayuda qiue me puedan prestar saludos
__________________
aprende d tus errores e incrementa tu conocimientos
it's not a bug, it's an undocumented feature By @David
php the right way

Última edición por carlos_belisario; 11/09/2010 a las 00:01
  #2 (permalink)  
Antiguo 11/09/2010, 00:08
Avatar de mortiprogramador
Colaborador
 
Fecha de Ingreso: septiembre-2009
Ubicación: mortuoria
Mensajes: 3.696
Antigüedad: 8 años, 3 meses
Puntos: 194
Respuesta: muchas dudas con maquetacion

Hola again
bueno, intenta agregar esto en #contenedor
Código CSS:
Ver original
  1. height:300px;
es eso lo que quieres?
saludos
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, si nadie puede detenerte, te conviertes en algo muy diferente."
Visita piggypon.com
  #3 (permalink)  
Antiguo 11/09/2010, 00:14
Avatar de carlos_belisario
Colaborador
 
Fecha de Ingreso: abril-2010
Ubicación: Venezuela Maracay Aragua
Mensajes: 3.156
Antigüedad: 7 años, 8 meses
Puntos: 460
Respuesta: muchas dudas con maquetacion

gracias por la respuesta mortiprogramador pero el div no deberia de ir creciendo a medida que va teniendo contenido dentro de el?? o estoy ekivocado?? xq de verdad esto se me ha complicado bastante si te fijas no tengo mucho gusto para el diseño jajaja pero me gusta aprender bueno voy a probarlo y te cuento gracias
__________________
aprende d tus errores e incrementa tu conocimientos
it's not a bug, it's an undocumented feature By @David
php the right way
  #4 (permalink)  
Antiguo 11/09/2010, 00:23
Avatar de carlos_belisario
Colaborador
 
Fecha de Ingreso: abril-2010
Ubicación: Venezuela Maracay Aragua
Mensajes: 3.156
Antigüedad: 7 años, 8 meses
Puntos: 460
Respuesta: muchas dudas con maquetacion

bueno mortiprogramador te cuento que la forma como me dijiste me funciono pero me queda la duda de que si no tenia que ir bajando a medida que se fuera llenando el div?? xq imagina que el texto que ponga ahi dentro sea largo no llegara un momento en que se salga del div???
__________________
aprende d tus errores e incrementa tu conocimientos
it's not a bug, it's an undocumented feature By @David
php the right way
  #5 (permalink)  
Antiguo 11/09/2010, 00:31
Avatar de mortiprogramador
Colaborador
 
Fecha de Ingreso: septiembre-2009
Ubicación: mortuoria
Mensajes: 3.696
Antigüedad: 8 años, 3 meses
Puntos: 194
Respuesta: muchas dudas con maquetacion

bueno, pues yo pensaria lo mismo (de hecho, creo que yo alguna vez lo logre.... o estaría algo chiflado ese día y me confundí?)
el caso es que actualmente no lo recuerdo, pero se me ocurrio agregarle eso,
y pues luego de tu pregunta estoy buscando, pero encontre esto que lo manejan "fijo"
saludos

P.S:
jejeje, no andaba tan demente
quita el height y usa

Código CSS:
Ver original
  1. overflow:auto;
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, si nadie puede detenerte, te conviertes en algo muy diferente."
Visita piggypon.com
  #6 (permalink)  
Antiguo 11/09/2010, 00:37
Avatar de carlos_belisario
Colaborador
 
Fecha de Ingreso: abril-2010
Ubicación: Venezuela Maracay Aragua
Mensajes: 3.156
Antigüedad: 7 años, 8 meses
Puntos: 460
Respuesta: muchas dudas con maquetacion

gracias por el link y fijate si le kito el float:left al subcontenedor se coloca completa como lo estoy diciendo pero si se lo coloco tengo que darle el heigth como me lo indicaste porque sera??? gracias por la ayuda de verdad que esto estoy empezando a leerlo y de verdad al principio pense que iba a ser facil pero no ha sido nada facil jaja saludos


edito PERFECTO :apla uso:: aplauso::aplau so: eres grande mortiprogramador
__________________
aprende d tus errores e incrementa tu conocimientos
it's not a bug, it's an undocumented feature By @David
php the right way

Etiquetas: maquetacion, muchas
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 11:21.