Foros del Web - Ver Mensaje Individual

Bandit · #19 (**permalink**) 28/02/2013, 11:30

Hola kiM-:
Una forma sería así:

Código HTML:

Ver original<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    *{
        margin: 0;
        padding: 0;
    }
    body{
        font-family: Arial; color:#FFF;
        width: 100%;
    }
    #contenedor{margin: 0 auto; width: 960px;}
    header{background-image: url(img/logo.png); height: 250px;}
    nav{background-image:url('img/bg_menu.png');height: 830px; float: left; width: 260px}
    article{background-image:url('img/bg_news.png'); color: #FFF; float: left; height: 830px; width: 700px;}
    </style>
</head>
<body>
    <div id="contenedor">
        <header></header>
        <section>
            <nav>MENÚ</nav>
            <article>
                <p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacus arcu, sagittis sit amet commodo nec, ultrices sed sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce eu tortor erat, ut mollis ipsum. Duis et odio id tellus tristique suscipit. In condimentum egestas sem. Nullam rhoncus bibendum metus a interdum. Aliquam tellus nulla, tincidunt ac vehicula vitae, facilisis eget lectus. Nam rhoncus posuere consectetur. Maecenas sit amet nisi vitae mauris ultricies commodo at bibendum sapien. Cras dictum erat eget nisi iaculis posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacus arcu, sagittis sit amet commodo nec, ultrices sed sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce eu tortor erat, ut mollis ipsum. Duis et odio id tellus tristique suscipit. In condimentum egestas sem. Nullam rhoncus bibendum metus a interdum. Aliquam tellus nulla, tincidunt ac vehicula vitae, facilisis eget lectus. Nam rhoncus posuere consectetur. Maecenas sit amet nisi vitae mauris ultricies commodo at bibendum sapien. Cras dictum erat eget nisi iaculis posuere.</p>
            </article>
        </section>
        <div id="footer"><img src="img/footer.png" /></div>
    </div> 
</body>
</html>

Espero haberte sido de ayuda.