M*****a Insignia del mal

Saludetes, tengo rato peleandome con la mugrosa E azul porque no me acepta un código CSS, mugre insignia del mal, ahora que ya tentod todo ordenadito y por capas, usando clases y toda la cosa, me sale con estas chorradas...


Esto es lo que tengo en el index.php

Código :

<!-- Primera tira con mensaje, encuesta, sugerencias, correo y especialidades //-->
<div class="central">
   <!-- La zona izquierda //-->
   <div class="izquierda" align="center">
      <div class="izq_dentro">
         <img src="imgs/mensaje.png" /><br /><br />
         <b style="color:#94AAE7;" class="texto_izq">La educaci&oacute;n debe ser luz y movimiento</b>
         <p class="texto_izq">C&oacute;mo la luz, la educaci&oacute;n sirve para ...</p>
         <p class="texto_izq">La educaci&oacute;n debe ser adem&aacute;s movimiento para ...</p>
      </div>
   </div>

Estas son mis clases CSS en un archivo externo que cargo

Código :

/* CSS Document */
.encabezado {
   text-align:center; 
   position:relative;
}

/*  Capa central */
.central {
   position: relative; 
   margin: 0px auto; 
   text-align: justify;
   width:740px;
   height:196px; 
   background: #94AAE7;
}

.izquierda {
   width: 350px; 
   background: #FFFFFF; 
   font-family:Verdana, Arial, Helvetica, sans-serif;
   float: left;"
}
.izq_dentro {
   width: 330px;
   text-align: justify;
   font-size: 11px;
   
}

.texto_izq {
   text-align: justify;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

Así lo ve Firefox: http://www.cg.edu.mx/pruebas/asi_lo_ve_firefox.jpg

Y así lo ve la insignia del mal:
http://www.cg.edu.mx/pruebas/asi_lo_ve_la_insignia_del_mal.jpg

Alguna sugerencia???????

YA VÍ MI ERROR

Código :

.izquierda {
   width: 350px; 
   background: #FFFFFF; 
   font-family:Verdana, Arial, Helvetica, sans-serif;
   float: left;"
}

Notesé las comillas despues del float: left;, eso es bueno o malo??? firefox ignoro olimpicamente las comillas, pero la insignia del mal no e hizo de las suyas.....

Ya te funciono?

veo que no pusiste el code completo, porque lo probe aqui y faltaban partes.
Puedo sugerirte algo?:

Código :

body {
   text-align:center;/*para centrar la capa contenedora*/
   }
#central {
   margin: 0 auto 0 auto;/*para obligar el centrado en todos los navegadores*/
   text-align:left;
   width:740px;
   height:300px;
   background-color:#94AAE7;
   }
#encabezado {
   background-color:#0000CC;
   height:80px;
   }
#botonera {
   width:740px;
   height:30px;
   background-color:#FF0000;
   }
#izquierda {
   width: 368px;
   height:188px;
   background-color: #FFFFFF;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   float:left;
   border:1px solid #666666;
   }
#izq_dentro {
   width:370px;
   height:190px;
   font-size: 11px;
   float:left;
   background-color:#006699;
}
.texto_izq {
   text-align: justify;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color:#94AAE7;
}

Código :

<div id="central">
   <!-- La zona izquierda //-->
   <div id="encabezado">aqui la imagen</div>
   <div id="botonera">Aqui los botones</div>
   <div id="izquierda"><br />
         <b class="texto_izq">La educaci&oacute;n debe ser luz y movimiento</b>
         <p class="texto_izq">C&oacute;mo la luz, la educaci&oacute;n sirve para ...</p>
         <p class="texto_izq">La educaci&oacute;n debe ser adem&aacute;s movimiento para ...</p>
     </div>
   <div id="izq_dentro"></div> 
   </div>

A ver como te sale

Si Ramm Thanks, pero ya funciono, eran las mugrosas comillas... y yo quebrandome la cabeza....

cha.. y yo que ya me habia animado a leer codigo
en fin, bien hecho por ver tu error

ramm escribió:

De todos modos, esto era lo que no me acordaba bien como hacerlo, je,je,je gracias