No replies
brunofunny
brunofunny's picture
Offline
newbie
Last seen: 9 years 1 week 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"
            "http://www.w3.org/TR/html4/loose.dtd">
<html>
        <head>
                <title>teste</title>
 
                <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" />
 
                <style>
html , body {
        border: 0;
        margin: 0;
        padding: 0;
        height: 100%;
}
 
body {
        background-color: #CCCCCC;
        background-image:url('../images/body-bg.jpg');
        background-repeat:repeat-x;
}
 
#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;
}
                </style>
 
        </head>
 
        <body>
                <div id="corpo">
 
                        <div id="cabecalho">
                                teste
                        </div>
 
                        <div id="menu">
                                <ul>
                                        <li>Item 1</li>
                                        <li>Item 2</li>
                                        <li>Item 3</li>
                                        <li>Item 4</li>
                                        <li>Item 5</li>
                                </ul>
                        </div>
 
                        <div id="conteudo">
                                Conte├║do
                        </div>
 
                        <div id="rodape">
                                <p>Todos os direitos reservados e etc...</p>
                        </div>
 
                </div>
 
        </body>
 
</html>

AttachmentSize
test.jpg45.03 KB