Foros del Web - Ver Mensaje Individual

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