Ver Mensaje Individual
  #3 (permalink)  
Antiguo 02/06/2009, 09:59
Dustito
 
Fecha de Ingreso: abril-2008
Mensajes: 143
Antigüedad: 16 años
Puntos: 0
Respuesta: No me centra el contenido...

Cita:
Iniciado por David el Grande Ver Mensaje
Si tiene un ancho fijo, usando esto ya debería centrarse:
Código css:
Ver original
  1. 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
__________________
www.davidhs.es diseño Grafico y Web