Problemas no HEIGHT

  • Resolvido orelhasonline

    (@orelhasonline)


    15 anos, 10 meses atrás

    então.. eu to aprendendo a criar sites, comprei uns dvd q ensina e pa… agora eu to fazendo um site mas não tá legal.. tem fiz as div assim

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <html xmlns=”http://www.w3.org/1999/xhtml”&gt;
    <link href=”style.css” type=”text/css” rel=”stylesheet” />
    <head>
    </head>
    <body>
    <div id=”conteudo”>
    <div id=”topo”>
    </div>
    <div id=”menu”>
    </div>
    <div id=”menuborda”>
    </div>
    <div id=”conteudo1″>
    <div id=”promocoes”>
    //PROMOÇÕES
    </div>
    <div id=”promocoesrecentes”>
    //PROMOÇÕESREC
    </div>
    </div>
    <div id=”conteudo2″>
    <div id=”box1″>
    <div id=”novidades”>
    //NOVIDADES
    </div>
    <div id=”novidadesrecentes”>
    //NOVIDADESREC
    </div>
    </div>
    <div id=”box2″>
    <div id=”animacao”>
    //ANIMAÇÃO
    </div>
    <div id=”links”>
    //LINKS
    </div>
    </div>
    </div>
    </div>
    <div id=”rodape”>
    //RODAPÉ
    </div>
    </body>
    </html>

    …e o style.css assim:


    *{
    margin:0;
    padding:0;
    }
    body{
    background:url(images/fundo_site-modelo.jpg);
    text-align:center;
    }
    #conteudo{
    height:auto;
    width:900px;
    text-align:left;
    margin:8px auto;
    padding:6px 6px 0px 6px;
    background:green;
    }
    #topo{
    height:120px;
    background:pink;
    }
    #menu{
    height:30px;
    background:orange;
    }
    #menuborda{
    height:8px;
    background:black;
    }
    #conteudo1{
    height:310px;
    width:900px;
    margin:6px auto;
    background:blue;
    }
    #promocoes{
    height:298px;
    width:500px;
    background:red;
    float:left;
    margin:6px 6px 6px 6px;
    }
    #promocoesrecentes{
    height:298px;
    width:382px;
    background:red;
    float:right;
    margin:6px 6px 6px 0px;
    }
    #conteudo2{
    width:900px;
    height:270px;
    border: 0px 0px 6px 0px;
    }
    #box1{
    width:546px;
    background:blue;
    float:left;
    }
    #novidades{
    height:135px;
    margin:6px 6px 0px 6px;
    background:red;
    }
    #novidadesrecentes{
    height:135px;
    margin:0px 6px 6px 6px;
    background:red;
    }
    #box2{
    width:348px;
    background:yellow;
    float:right;
    }

    repare que o fundo verde (#corpo) não acompanha o tamanho do quadrado!! eu naw sei mais oq fazer.. ontem n consegui dormir direito pensando nakilo -.-

Visualizando 2 respostas - 1 até 2 (de um total de 2)
Visualizando 2 respostas - 1 até 2 (de um total de 2)

O tópico ‘Problemas no HEIGHT’ está fechado para novas respostas.