muchas dudas con maquetacion

carlos_belisario · #1 (**permalink**) 10/09/2010, 22:26

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 originalbody{
    text-align:center;
    font-size:16px;
    font-family:"times new roman",serif;
    background-color:##afeaff;  
}
#contenedor{
    text-align:left;
    background-color:#5555dd;
    margin:10px;
    /*border:2px solid #5555dd;*/
    padding:10px;   
}
#contenedor h1{
    color:#7777dd;
    font-weight:bold;
    font-size:36px;
}
#contenedor p{
    color:#aaaadd;
}
.tables
{
    -moz-border-radius: 15px;   
    border: 2px solid #5555dd;  
    padding-left : 5px;
    padding-right : 5px;
}
#subcontenedor{
    width:600px;        
    background-color:#ffffff;
    width:580px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */  
    float:left; /*lo flotamos a la izquierda*/ 
    display:inline; /*(*)*/ 
 
}
#datos{ 
}
#subcontenedor h2{
    color:
}
#texto {
    width:580px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:10px;
}

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<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Aprendiendo a Maquetar</title>
<link rel="stylesheet" href="estilos/estilo.css" type="text/css"/>
</head>
<body>
    <div id="contenedor" class="tables">
        <div id="subcontenedor" class="tables">
            <div id="encabezado">
                <h1>Aprendiendo a Maquetar con CSS</h1>
            </div>
            <div id="textos">
                <h2>Vamos a empezar con el maquetado con CSS para usar las tablas para lo que se crearon trabajar datos tabulados</h2>
                <h3>Un Peque&ntilde;o Concepto</h3>
                <p>                 
                    aki voy a colocar parrafos de contenido
                </p>
            </div>      
            <div id="footer">   
                Realizado por Carlos Belisario
            </div>
        </div>
        <div id="datos">
            perfil
        </div>      
    </div>
</body>
</html>

gracias por la ayuda qiue me puedan prestar saludos

mortiprogramador · #2 (**permalink**) 10/09/2010, 23:08

Hola again
bueno, intenta agregar esto en #contenedor

Código CSS:

Ver originalheight:300px;

es eso lo que quieres?
saludos

carlos_belisario · #3 (**permalink**) 10/09/2010, 23:14

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

carlos_belisario · #4 (**permalink**) 10/09/2010, 23:23

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???

mortiprogramador · #5 (**permalink**) 10/09/2010, 23:31

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 originaloverflow:auto;

carlos_belisario · #6 (**permalink**) 10/09/2010, 23:37

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