No replies
brunofunny's picture
Last seen: 9 years 25 weeks ago
Timezone: GMT-4
Joined: 2011-02-19
Posts: 1
Points: 2

Hi people, everyone is fine?

So, I'm stucked into a problem, don't know if it's a layout project, browse bug or something, but I got a height problem with the code below, tried many variations of min-height, height: 100%, overflow: auto, but I can't figure it out what is happening.

thumb_test.jpgClick to Expand

I appreciatte any help, below the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                <meta http-equiv="pragma" content="no-cache" />
                <meta http-equiv="cache-control" content="no-cache" />
                <meta http-equiv="expires" content="-1" />
                <meta http-equiv="Content-type" content="text/html; charset=utf8" />
html , body {
        border: 0;
        margin: 0;
        padding: 0;
        height: 100%;
body {
        background-color: #CCCCCC;
#corpo {
        width: 900px;
        height: 100%;
        margin: 0 auto;
#cabecalho {
        position: relative;
        width: 100%;
        height: 135px;
/*#cabecalho .logo {
        margin: 70px 0 0 10px;
#menu {
        float: left;
        width: 200px;
        height: 100%;
        background-color: #666666;
        min-height: 100%;
#conteudo {
        float: right;
        width: 700px;
        height: 100%;
        background-color: #FFFFFF;
        min-height: 100%;
#rodape {
        clear: both;
        width: 100%;
        text-align: center;
                <div id="corpo">
                        <div id="cabecalho">
                        <div id="menu">
                                        <li>Item 1</li>
                                        <li>Item 2</li>
                                        <li>Item 3</li>
                                        <li>Item 4</li>
                                        <li>Item 5</li>
                        <div id="conteudo">
                        <div id="rodape">
                                <p>Todos os direitos reservados e etc...</p>

test.jpg45.03 KB