Foros del Web - Ver Mensaje Individual

mj1984 · #5 (**permalink**) 10/10/2011, 11:14

Había conseguido algo similar a lo que me propones, te pego el código:

Código:

#contenedor {
       width: 900px;
       height: 400px;
       margin: 0px auto;
}

#cabecera {
	margin: 0px 1px 4px 1px;
	background-image:url(imagenes/banner.jpg);
	background-repeat: no-repeat; 
	height: 130px;
	width: 898px;
}

#menu {
            background-color: orange;
            float: left;
            width:160px;
            height:100%;
        }

#contenido {
            background-color: gray;
            float:left;
            width:740px;
            height:100%;
        }
        
#pie {
            background-color: blue;
            clear: both;
        }

Código HTML:

Ver original<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="estilos_divs.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div id="contenedor">
            <div id="cabecera">Esta es la cabecera</div>
            <div id="menu">Esta es la barra lateral
            <li><a href="index.html" title="Inicio" accesskey="1">Inicio</a></li>
                        <li><a href="quienessomos.html" title="Quienes Somos" accesskey="1">&iquest;Qui&eacute;nes somos?</a></li>
                        <li><a href="instalaciones.html" title="Instalaciones"accesskey="2">Instalaciones</a></li>
                        <li><a href="sementales.html" title="Sementales" accesskey="3">Sementales</a></li>
                        <li><a href="yeguas.html" title="Yeguas" accesskey="4">Yeguas</a></li>
                        <li><a href="potros.html" title="Venta de potros" accesskey="5">Venta de potros</a></li>
                        <li><a href="potras.html" title="Venta de potras" accesskey="6">Venta de potras</a></li>
                        <li><a href="galeria.html" title="Galería" accesskey="7">Galer&iacute;a</a></li>
                        <li><a href="videos.html" title="Vídeos" accesskey="8">V&iacute;deos</a></li>
                        <li><a href="localizacion.html" title="Localización" accesskey="9">Localizaci&oacute;n</a></li>
                        <li><a href="contacto.html" title="Contacto" accesskey="10">Contacto</a></li>
                        <li><a href="webamigas.html" title="Web amigas" accesskey="11">Web amigas</a></li>
            </div>
            <div id="contenido">Este es el contenido principal</div>
            <div id="pie">Este es el pie de pagina</div>
    </div>
</body>
</html>

Mi problema ahora es que no se centra todo en la página, sino que se queda pegado a la izquierda. He probado poner en el css lo que tienen tu en #centrar, pero no me funciona.

Ayuda porfa! Gracias.