Foros del Web - Ver Mensaje Individual

fjchavez · #1 (**permalink**) 11/01/2008, 13:06

Hola a todos, estoy creando una web, que posteriormente quiero convertirla en plantilla para joomla y quisiera que la web este centrada al medio.
He creado mi interfaz en photoshop y lo he guardado como web y no estoy trabajando con tablas sino con <div>.
La cuestion es que he creado mi css y no puedo centrar la web al medio.
Gracias por su ayuda de antemano
Aca posteo el codigo:

Código HTML:

<html>

<head>
<link href="estilo.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="contenedor">
        <div id="top-enlace"></div>
        <div id="top-fig-1"></div>
        <div id="top-buscar"></div>
        <div id="top-medio-izq"></div>
        <div id="logo"></div>
        <div id="top-medio-der"></div>
        <div id="top-abajo-path"></div>
        <div id="top-fig-2"></div>
        <div id="top-fig-3"></div>
        <div id="menu-izq"></div>
        <div id="cuerpo"></div>
        <div id="menu-der"></div>
        <div id="pie"></div>
</div>
</body>

</html>

estilo.css

Código:

#contenedor {
        position:absolute;
        top:0;
        left:0;
        width:780px;
        height:600px;
}

#top-enlace {
        position:absolute;
        left:0px;
        top:0px;
        width:364px;
        height:28px;
        background: url(../images/top_enlace.gif)
}

#top-fig-1 {
        position:absolute;
        left:364px;
        top:0px;
        width:227px;
        height:28px;
        background: url(../images/top_fig_1.gif)
}

#top-buscar {
        position:absolute;
        left:591px;
        top:0px;
        width:189px;
        height:44px;
        background: url(../images/top_buscar.gif)
}

#top-medio-izq {
        position:absolute;
        left:0px;
        top:28px;
        width:180px;
        height:142px;
        background: url(../images/top_medio_izq.gif)
}

#logo {
        position:absolute;
        left:180px;
        top:28px;
        width:411px;
        height:142px;
        background: url(../images/logo.gif)
}

#top-medio-der {
        position:absolute;
        left:591px;
        top:44px;
        width:189px;
        height:142px;
        background: url(../images/top_medio_der.gif)
}

#top-abajo-path {
        position:absolute;
        left:0px;
        top:170px;
        width:423px;
        height:29px;
        background: url(../images/top_abajo_path.gif)
}

#top-fig-2 {
        position:absolute;
        left:423px;
        top:170px;
        width:168px;
        height:29px;
        background: url(../images/top_fig_2.gif)
}

#top-fig-3 {
        position:absolute;
        left:591px;
        top:186px;
        width:189px;
        height:13px;
        background: url(../images/top_fig_3.gif)
}

#menu-izq {
        position:absolute;
        left:0px;
        top:199px;
        width:180px;
        height:361px;
        background: url(../images/menu_izq.gif)
}

#cuerpo {
        position:absolute;
        left:180px;
        top:199px;
        width:411px;
        height:361px;
        background: url(../images/cuerpo.gif)
}

#menu-der {
        position:absolute;
        left:591px;
        top:199px;
        width:189px;
        height:361px;
        background: url(../images/menu_der.gif)
}

#pie {
        position:absolute;
        left:0px;
        top:560px;
        width:780px;
        height:40px;
        background: url(../images/pie.jpg)
}