Untitled

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <title>Example Layout</title>
        <!--[if lt IE 9]><meta http-equiv="X-UA-Compatible" content="chrome=1"><![endif]-->
        <style type="text/css">
            html,body{
                margin:0;
                padding:0px;
            }
            body{
                background-image:linear-gradient(to right, red, orange, yellow, blue, violet);
            }
            body > div{
                border-radius:8px;
                margin-left:auto;
                margin-right:auto;
                background-color:#fff;
                color:#000;
                padding:5px;
                width:780px;
                padding-top:5px;
                margin-top:10px;
                background-color:rgba(255,255,255,.75);
            }
            #header,#footer{
                background-color:rgba(0,0,0,.8);
                color:white;
                padding:5px;
                text-align:center;
            }
            #header{
                font-size:20pt;
                border-radius:8px 8px 0 0;
            }
            #content{
                border-left: 1px solid #000;
                border-right: 1px solid #000;
                padding:5px;
                text-indent:50px;
            }
            #content p{
                text-indent:50px;
                margin:0;
                padding-bottom:10px;
            }
            #content p.ie{
                font-weight:bold;
                color:red;
            }
            #footer{
                font-size:small;
                border-radius:0 0 8px 8px;
            }
        </style>
    </head>
    <body>
        <div>
            <div id="header">
                My boring Header
            </div>
            <div id="content">
                <!--[if lt IE 9]>
                    <p class="ie">
                        My r&eacute;sum&eacute; would look much better if you would use a browser that is not 4+ years old, that did not even
                        comply with the web standards back then, much less the current standard.
                    </p>
                <![endif]-->
                <p>
                    Some boring paragraph
                </p>
            </div>
            <div id="footer">
                My boring footer
            </div>
        </div>
    </body>
</html>