Web super sencilla capas, problema

krosty_ufc · #1 (**permalink**) 10/03/2011, 22:19

Bueno, el problema que estoy teniendo es que nose porque no se me centra todo automaticamente, es decir me queda todo pegado al margen aunque uso el margin: 0 auto en el container.

http://doctorfolcini.com.ar/prueba.html

Código:

<body>

<div id="container">

<div id="header">
<img src="images/folcini.gif" width="800"/>
</div>

<div id="sidebar">
  <p>hola</p>
  <p>como </p>
  <p>te va</p>
  <p>es toe</p>
  <p>&nbsp;    </p>
</div>

<div id="main">

        <h3>Sección</h3>
        <p>Contenido principal</p>
</div>

<div id="footer">footer</div>

</div>

</body>

Código:

#container{
width 800px;
margin: 0 auto;
}

#header{
floar: left;
}

#sidebar{
background:url(http://www.w3schools.com/images/justhost_155x75.gif) repeat-y;
width: 155px;
float: left;
}

#main{
margin-left: 155px;
margin: 0px auto;
}

#footer{
clear: both;
}
}

Alguna idea de que pueda estar fallando ?
Gracias

jaxa · #2 (**permalink**) 10/03/2011, 23:17

Creo que nadamas te esta faltando poner el texto centrado en todo el body

Código:

body { text-align: center; }

krosty_ufc · #3 (**permalink**) 10/03/2011, 23:31

Todo queda bien menos la sidebar, que se mantiene pegada al margen izquierdo :S
Alguna idea?
Gracias

EDIT: Acabo de ponerle borde al container, y como veo, el borde se pone en TODO el ancho de la hoja cuando solo deberia utilizar los 800px que seleccione. Estoy viendolo con una resolucion de 1360px.

jaxa · #4 (**permalink**) 10/03/2011, 23:54

Te faltan los dos puntos despues del width del y tambien hay otro error en el header con float... se te movio una tecla :P

krosty_ufc · #5 (**permalink**) 11/03/2011, 00:08

U soy un down, ahora va, encima me paso hace poco algo similar con un code en php jajajajajaja
gracias

krosty_ufc · #6 (**permalink**) 11/03/2011, 00:43

EDITO: Resuelto