No me centra el contenido...

[Dustito]

tengo una div y dentro de esta dos: una flotando a la izquierda y la otra ..donde tengo dentro una galeria de imagenes en flash , la quiero centrar en su capa pero no lo consigo, he usado text-align:center;... y nada

alguien sabe alguna manera de centrar la galeria en su div???

[David]

Si tiene un ancho fijo, usando esto ya debería centrarse:

Código css:

margin: 0 auto;
 

Aunque sin ver el todo, es más difícil determinar cuál es la mejor opción.

[Dustito]

Iniciado por David el Grande

Si tiene un ancho fijo, usando esto ya debería centrarse:

Código css:

margin: 0 auto;
 

Aunque sin ver el todo, es más difícil determinar cuál es la mejor opción.

he intentado eso pero no me sale te copio el codigo:
Html:

Código HTML:

 <div id="contenedor">
	<div id="cabecera"></div>
	<ul id="menu">
		<li><a href="index.html">introduccion</a></li>
		<li><a href="tapas.html">nuestras tapas</a></li>
		<li><a href="#">galeria de fotos</a></li>
		<li><a href="donde.html">donde estamos</a></li>
		<li><a href="contacto.html">contacto</a></li>
	</ul>

	<div id="cuerpo">

		<div id="lateral">
		 <object type="application/x-shockwave-flash"
			 data="flash/mosaico.swf" width="64" height="363" >
			<param name="movie" value="flash/mosaico.swf" />
			<param name="quality" value="high" />
		 </object>
		</div>
		<div id="principal">
		<h1>Galeria</h1>
        <div id="galeria">
		 <object type="application/x-shockwave-flash"
			 data="galeria.swf" width="488" height="250" >
			<param name="movie" value="galeria.swf" />
			<param name="quality" value="high" />
		 </object>
         </div>

        </div>
    <div id="pie"> 
	Diseño<a href="http://www.davidhs.es"> DAVIDHS</a> 
	</div> 
	</div>
	</div> 

Css:

Código:

#contenedor{
background: url(images/bajo.gif) no-repeat bottom;
text-align: left;
width: 600px;
background-color : #FFFFFF;
margin: auto; 
}

#menu{ 
background: #ffffff url(images/menu.gif);
height: 15px;
list-style-type: square;
margin: 0;
padding: 2px 0px 0px 70px;
border-top : 1px solid #000000; 
border-bottom : 1px solid #000000; 
} 

#menu li{
margin: 0px 15px 0px 0px;	
display : inline; 
list-style-type :square;
}

#menu li a {
text-decoration:none;
font-size:11px;
color:#C7FF42;
list-style-type :square;
}

#menu li a:hover{
color:#FFFFFF;

}

#cuerpo{ 
color: #25300D;
height: 365px; 
} 

#lateral{
width: 64px;
float: left;
}

#principal{
margin-left: 64px; 
margin-right: 8px; 
padding: 1px 0px 0px 5px;
font-size: 9px;
line-height: 12px;
text-align:justify;
height: 330px;
}

#principal h1{ 
font-size: 10pt;
margin-top: 10px;
} 

#principal p{ 
margin-top: 10px;


} 


#pie{ 
width:150px;
font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #aaaaaa; 
text-align : left; 
margin : 10px 10px 0px 84px; 
padding-bottom:10px; 
} 
	
#pie a{
text-decoration:none;
font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #aaaaaa; 

}


#galeria {
 margin: 0 auto;
}

se supone q el flash q quiero centrar es el de la capa "galeria"

Un saludo y muchas thanks

[kseso?]

Te falta añadir una anchura a #galería
Sigue mi firma, viene al pelo

[willyfc]

pues debería funcionar de esta manera:

Código:

#galería{text-align:center;}

o de esta otra:

Código:

#galeria object,embed{margin:0 auto;}

edito:

[Dustito]

Me funciono poniendole la anchura a galeria.