Hola! Necesito saber porque el texto de ese div se alinea hacia la izquierda, no se como hacer para justificarlo =/
[contenido no disponible]
CSS:
================
----------------------------
================
@charset "utf-8";
/* CSS Document */
* {margin:0px ; padding:0px ; border: 0px}
body {background-color: #000000 ; text-align:center; color:black; }
img {border-style: none}
.centrado {text-align:center}
.izquierdado {text-align:left}
#cabecera {/*border-top:1px solid white*/ }
#navegacion {background-color: black;border-bottom: 1px solid black; height: 40 px }
#contenido {/*float:left; border-left: 1px solid white; border-right: 1px solid white;*/ background-color:white ; background-image:url(imagenes/fondo2.gif); background-repeat:no-repeat; background-position: top;}
#contenidoindex {background-color:white ; background-image:url(imagenes/fondoindex.gif); background-repeat:no-repeat; background-position:top; height: 1000px}
#contenido p {padding: 5px 10px 5px 10px; text-indent:15px; }
#pie {background-color: black; color: white; border-bottom: 1px solid white; border-left: 1px solid white; border-right: 1px solid white}
#global {width:1000px ; margin: 4px auto; height:auto }
#menu {width: 100px ; float:left ; text-align:left; margin:5px 5px 5px 10px; margin-top: 150px; }
#menu li { list-style:none; margin: 4px 0px 4px 6px; }
a {color: gray; ; text-decoration: none;}
a:link {}
a:visited {}
a:hover { color:#00F ; text-decoration:none }
a:active {}
p {text-align: center; margin-right: 100px; font-family:Calibri, Arial, "Times New Roman"}
h1 {font-size: 1.4em; color: silver ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font.size: 1.1em; color:gray ; font-weight: bold ; text-decoration: none ; text-align: center}
#centrodetexto{ margin-left: 250px}
#fondoblanco{background-color: white;}
#divizquierdo{ width: 250px; height: 370px;float:left; /*font-style:italic;padding-left: 20px; */background-image:url(/imagenes/frase-delasemana.gif); background-repeat:no-repeat; background-position:top; /*padding-top: 70px;*/ margin-left:10px; ; margin-top: 20px; font-size:12px; }
#aux{ font-style:italic; padding-top:50 px;margin-top: 120px; margin-left: 20px; margin-right: 20px; text-align:justify}
#divcentral{ width: 600px; /*background-color: red; float: inherit;*/ font-size:24px; float: right; }
#antipie{ background-image:url(/imagenes/fondoindexinferior.gif); background-position: center; background-repeat:no-repeat; height:300px}
#post{ width: 638px; background-image:url(/imagenes/post.gif); float:right; padding-top: 100px; padding-left:50px; background-repeat:no-repeat}
#siguenos{ width:200px; /*background-position:top; background-image:url(/imagenes/siguenos.gif); */margin-top:30px; float:left; margin-left:10px; background-repeat:no-repeat; padding-top: 30px; /*background-position:left;*/ text-align:left}
/*#divderecho{ width: 300px; float:right; /*background-color:yellow}*/
/*#curva-superior { background-image: url(imagenes/borde-superior.png) ; background-repeat: no-repeat; width:1000px ;height: 8px}*/
================
----------------------------
================
Index:
================
----------------------------
================
<html>
<head>
<title>Estudio Liate</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<LINK REL="SHORTCUT ICON" HREF="http://www.estudioliate.com/imagenes/favicon.ico">
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META content="es" http-equiv="Content-Language">
<META content="Aqui encontraras soluciones de diseño grafico, arte, edicion de imagenes" name="description">
<meta name="copyright" content="Copyright © 2009 Diseños Liate">
<meta name="robots" content="ALL">
<meta name="dc.creator" content="Jose M. Urdaneta & Silfredo Nuñez">
<meta name="revisit" content="2 days">
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d)&&d.all) x=d.all; for (i=0;!x&&i<d.forms.length;i++) x=d.forms;
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p=new Image; d.MM_p[j++].src=a;}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('imagenes/home2.jpg','imagenes/galeria2.jpg','imagenes/contacto2.jpg','imagenes/faq2.jpg','/imagenes/boton-info1.jpg')">
<div id="global">
<div id="cabecera"> <p class="centrado" > [contenido no disponible]</p>
</div>
<div id="navegacion">
<p class="centrado">[contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible]</p>
</div>
<div id="contenidoindex" >
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
<div id="post">
</p>
</p>
</p>
</p>
[contenido no disponible]</p>
</p>
</p>
</p>
</p>
</div>
<div id="divizquierdo">
<div id="aux">
En otros tiempos, antiguos oponentes resurgen para subir las apuestas... Pero son las cosas de las que huimos las que parecen costar mas. Y sin embargo, cuando hacemos la apuesta mas alta, nos vemos obligados a ver como se va el premio con otros, y las normas del protocolo no se aplican. No sacaria las cartas del juego... nadie sabe lo que es capaz de hacer un postor en desesperación...</p>
</p>
</div>
</div>
<div id="siguenos">
[contenido no disponible]</p>
[contenido no disponible]</p>
[contenido no disponible]</p>
[contenido no disponible]</p>
[contenido no disponible]</p>
[contenido no disponible]</p>
</p>
</p>
</p>
</div>
<div id="post">
</p>
Ultimo Diseño: </p>
Tarjeta de presentacion para</p>
New Power Discplay.</p>
</p>
</p>
[contenido no disponible]</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
.
</div>
</p>
</p>
</div>
<div id="antipie">
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</div>
<div id="pie">
<p class="centrado"> Estudio Liate ©</p>
</div>
</div>
</body>
</html>
================
----------------------------
================
[contenido no disponible]
CSS:
================
----------------------------
================
@charset "utf-8";
/* CSS Document */
* {margin:0px ; padding:0px ; border: 0px}
body {background-color: #000000 ; text-align:center; color:black; }
img {border-style: none}
.centrado {text-align:center}
.izquierdado {text-align:left}
#cabecera {/*border-top:1px solid white*/ }
#navegacion {background-color: black;border-bottom: 1px solid black; height: 40 px }
#contenido {/*float:left; border-left: 1px solid white; border-right: 1px solid white;*/ background-color:white ; background-image:url(imagenes/fondo2.gif); background-repeat:no-repeat; background-position: top;}
#contenidoindex {background-color:white ; background-image:url(imagenes/fondoindex.gif); background-repeat:no-repeat; background-position:top; height: 1000px}
#contenido p {padding: 5px 10px 5px 10px; text-indent:15px; }
#pie {background-color: black; color: white; border-bottom: 1px solid white; border-left: 1px solid white; border-right: 1px solid white}
#global {width:1000px ; margin: 4px auto; height:auto }
#menu {width: 100px ; float:left ; text-align:left; margin:5px 5px 5px 10px; margin-top: 150px; }
#menu li { list-style:none; margin: 4px 0px 4px 6px; }
a {color: gray; ; text-decoration: none;}
a:link {}
a:visited {}
a:hover { color:#00F ; text-decoration:none }
a:active {}
p {text-align: center; margin-right: 100px; font-family:Calibri, Arial, "Times New Roman"}
h1 {font-size: 1.4em; color: silver ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font.size: 1.1em; color:gray ; font-weight: bold ; text-decoration: none ; text-align: center}
#centrodetexto{ margin-left: 250px}
#fondoblanco{background-color: white;}
#divizquierdo{ width: 250px; height: 370px;float:left; /*font-style:italic;padding-left: 20px; */background-image:url(/imagenes/frase-delasemana.gif); background-repeat:no-repeat; background-position:top; /*padding-top: 70px;*/ margin-left:10px; ; margin-top: 20px; font-size:12px; }
#aux{ font-style:italic; padding-top:50 px;margin-top: 120px; margin-left: 20px; margin-right: 20px; text-align:justify}
#divcentral{ width: 600px; /*background-color: red; float: inherit;*/ font-size:24px; float: right; }
#antipie{ background-image:url(/imagenes/fondoindexinferior.gif); background-position: center; background-repeat:no-repeat; height:300px}
#post{ width: 638px; background-image:url(/imagenes/post.gif); float:right; padding-top: 100px; padding-left:50px; background-repeat:no-repeat}
#siguenos{ width:200px; /*background-position:top; background-image:url(/imagenes/siguenos.gif); */margin-top:30px; float:left; margin-left:10px; background-repeat:no-repeat; padding-top: 30px; /*background-position:left;*/ text-align:left}
/*#divderecho{ width: 300px; float:right; /*background-color:yellow}*/
/*#curva-superior { background-image: url(imagenes/borde-superior.png) ; background-repeat: no-repeat; width:1000px ;height: 8px}*/
================
----------------------------
================
Index:
================
----------------------------
================
<html>
<head>
<title>Estudio Liate</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<LINK REL="SHORTCUT ICON" HREF="http://www.estudioliate.com/imagenes/favicon.ico">
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META content="es" http-equiv="Content-Language">
<META content="Aqui encontraras soluciones de diseño grafico, arte, edicion de imagenes" name="description">
<meta name="copyright" content="Copyright © 2009 Diseños Liate">
<meta name="robots" content="ALL">
<meta name="dc.creator" content="Jose M. Urdaneta & Silfredo Nuñez">
<meta name="revisit" content="2 days">
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d)&&d.all) x=d.all; for (i=0;!x&&i<d.forms.length;i++) x=d.forms;
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p=new Image; d.MM_p[j++].src=a;}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('imagenes/home2.jpg','imagenes/galeria2.jpg','imagenes/contacto2.jpg','imagenes/faq2.jpg','/imagenes/boton-info1.jpg')">
<div id="global">
<div id="cabecera"> <p class="centrado" > [contenido no disponible]</p>
</div>
<div id="navegacion">
<p class="centrado">[contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible]</p>
</div>
<div id="contenidoindex" >
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
<div id="post">
</p>
</p>
</p>
</p>
[contenido no disponible]</p>
</p>
</p>
</p>
</p>
</div>
<div id="divizquierdo">
<div id="aux">
En otros tiempos, antiguos oponentes resurgen para subir las apuestas... Pero son las cosas de las que huimos las que parecen costar mas. Y sin embargo, cuando hacemos la apuesta mas alta, nos vemos obligados a ver como se va el premio con otros, y las normas del protocolo no se aplican. No sacaria las cartas del juego... nadie sabe lo que es capaz de hacer un postor en desesperación...</p>
</p>
</div>
</div>
<div id="siguenos">
[contenido no disponible]</p>
[contenido no disponible]</p>
[contenido no disponible]</p>
[contenido no disponible]</p>
[contenido no disponible]</p>
[contenido no disponible]</p>
</p>
</p>
</p>
</div>
<div id="post">
</p>
Ultimo Diseño: </p>
Tarjeta de presentacion para</p>
New Power Discplay.</p>
</p>
</p>
[contenido no disponible]</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
.
</div>
</p>
</p>
</div>
<div id="antipie">
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</div>
<div id="pie">
<p class="centrado"> Estudio Liate ©</p>
</div>
</div>
</body>
</html>
================
----------------------------
================