centrar toda la pagina.

hola compis, una pregunta, como lo haria para centrar toda la web(por ejemplo como esta en las lecciones), es que lo he intentado, y al cambiar el "global" me centra todo, y quiero que la pag me quede como esta, solo quiero centrar toda la pagina en bloque. no se si me explico :oops:

MERCI
salu2.
pues yo lo hago en el body

text-align: center

y claro que me centra tooodo

pero le pones alineación diferente a las capas o tablas
y debe arreglarse el problema


saludos
hola Yaneth (que pesao soy no?)

he estado haciendo pruebas y no me sale, en unas, se centra, pero totalmente(aunque con un pequeño fallo en las curvas superior e inferior), y yo lo que quiero es como el curso, con el fondo tambien por el lateral, y ya digo, se me centra, pero sin espacio en el lateral.
seguro que no me he explicado bien(como siempre) :oops:

MERCI
salu2
hola compis, por mi poca experiencia he podido centrar algo, que son las curvas, pero el resto no :cry: os dejo la imagen porque yo no me explico :
[contenido no disponible]
[contenido no disponible]

me podeis ayudar para poner los bordes a continuacion de las curvas, para que toda la web se vea con margenes a los lados?

MERCI
salu2.

pd se que sera facil, pero hay algo que me falta.
hola compis me parece que cada vez la estoy liando mas, he conseguido centrar todo, pero ahora tengo 3 fallillos, 1, el menu no me sale todo el ancho de la pag.2 la curva de abajo me sale con las esquinas rectas y 3 el directorio, mapa web y tal de abajo no consigo ponerlo a la derecha como estaba antes.
no se si estoy haciando mal, ya que son 3 preguntas en una, o si tenia que haber abierto post nuevos, pero es po seguir este, si no esta bien, perdonadme. os dejo el enlace por si os sirve de ejemplo.
http://manusweb.atwebpages.com/
MERCI
salu2.

pd. me da verguenza porque es la primera, y estoy en ella. :oops:
hola Tania, he puesto esto:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center;background-color: #E6E6FA}
#global {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: yellow ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul
{
padding: 0px;
margin: 0px;
list-style: none;
text-align:left
}

#navegacion li
{
float: left;
position: relative;
width:5em;
list-style: none;
}

li ul /* estilos para el segundo nivel o subsecciones*/
{
display: none;
position: absolute;
top: 1.2em;
left: 0;
float:left;
list-style:none;
width:8.5em;
background-color:#32CD32
}

#navegacion li>ul
{
top: auto;
left: auto;
float:left
list-style:none;
}

#navegacion li:hover ul, li.over ul
{
display: block;
float:left;
list-style:none;
}
#contenido {background-color: orange ; border-left:black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: orange ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie {background-color: white ;border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid ; height: 65px }
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#navegacion ul {
padding: 0px;
margin: 0px;
list-style: none;
text-align:left
}
Puedes ponertambién el código de html?
Así lo hago en mi ordenador y localizo mejor los fallos
Me lo miraré despacio porque por lo pronto
Hover es con h
#navegación li lo has definido dos veces
Si la capa navegacio tiene 20px y 1px de borde
para la lista te quedan 18 no 20.....
Conforme vaya pueda te lo voy mirando,
Yo es la primera vez que veo esto, no se si existirá:

#navegacion li>ul
{
top: auto;
left: auto;
float:left
list-style:none;
}

#navegacion li:hover ul, li.over ul
{
display: block;
float:left;
list-style:none;
}
El problema si no me equivoco te viene porque
las capas relativas van en relacion a la última capa puesta
la última tuya es la que tienes alineada a la derecha
por eso el menú empieza donde empieza esa capa.
Lo mejor que puedes hacer es englobar el logotipo y la publicidad en una.
De todas formas mirate bien el codigo css, porque yo tampoco conozco eso que te ha dicho jugoncan, hay faltas como lo "over"
y capas que has definido dos veces.
Prueba a hacer las capas con colores, una cosa así como la que te voy a poner, y luego ya rellenas. No intentes hacerlo todo de golpe.
-------------------------------------
body
{background-color:#151b8d; text-align:center}

#global {background-color:yellow;
width:800px; text-align:center}

#cabecera {width:800px;
height:80px; background-color:#CCFFFF}

#logotipo {background-color:#00ce89 ;
width:125px;
height:80px;
float:left}

#menusuperior {background-color:#0cd003 ;
width:675px;
height:50px;
float:left}

#capainformativa{background-color:silver;
width:675px;
height:30px;
float:left}
#linea {background-color:#FF3399;
width:800px;
height:15px;}

#menulateral {BACKGROUND-COLOR:pink;
float:left;
width:125px;
height:508px;}

#contenido {background-color:#123005 ;
width:675px;
float:left}

#volver {background-color:#0dd006 ;
width:670px;
height:21px;
float:left}

#firma{background-color:green ;
width:800px;
height:20px;
float:right}
-----------------------------
<html>
<head>

<title>Documento sin t&iacute;tulo</title>
<link rel="stylesheet" type="text/css" href="a.css"
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo">logotipo</div>
<div id="menusuperior">menu superior</div>
<div id="capainformativa">capa informativa</div>
</div>
<div id="linea">.</div>
<div id="menulateral">menu lateral</div>
<div id="contenido">


contenido
a

a


a

a

a

a

a

a

a

aa</p>


a</p>


a</p>





</p>
</div>
<div id="volver">volver</div>
<div id="firma">firma</div>
</div>

</body>
</html>

hola compis, os agradezco de todo corazon vuestro esfuerzo, pero solamente he conseguido(no se como) poner el menu correcto, el resto no, pero bueno, no es tan importante.
el resto que me habeis explicado no se por donde meterle mano (soy zoquete), he ido anulando navegacion de aqui, navegacion de alli, y nada.
seguire intentandolo :wink:

lo dicho, las nociones que me dais son importantes, sigo en ello.( si se pudiese simplificar para los torpes como yo.....)

MERCI
salu2


pd. perdon por mi ignorancia8no os enfadeis conmigo ehhh :wink:
abre ESTILO-GENERAL.CSS y al principio de todo pone
esto:


body {text-align: center}
#global {width:800px ; margin: 4px auto }
abre ESTILO-GENERAL.CSS y al principio de todo pone
esto:


body {text-align: center}
#global {width:800px ; margin: 4px auto }