Porblema con Inner HTML

[archisss]

Hola compañero, les escribo porque tengo una pregunta....

Es posible que cuando utilizamos un innerHTML en una pagina y agregamos a el div un ID este tome el estilo de la pagina???

EJEMPLO: despues de un error en la página (por que no selecciona radioButton le mande un error... pero no quiero que salga como alert entonces hago esto:

Código PHP:

  document.getElementById('Prueba').innerHTML = '<div id="error">Falta una Sede</div><div id="errordes">Es Necesario que selecciona al menos una sede</div>';  
   

pero me lo muestra en lineas separadas como DIVs (eso esta bien), pero no toma el estilo que tengo definido en mi CSS para el ID "error" y "errordes" alguien sabe como solucionarlo.... ¿?

O pense en otra opción en tener el div siempre en la página pero oculto y cuando ocurra el error que lo muestre pero nose como hacerlo

Alguna ayuda porfavor... gracias de ante mano compañeros

[caricatos]

Hola:

Es extraño lo que comentas, porque teóricamente lo tienes bien. ¿Te has fijado si se produce algún error, o están los id's duplicados?

Saludos

[archisss]

No no produce ningun error, o donde puedo revisar si produce algun error, porque si me aparece como comento el contenido de los DIVs, pero no toman el estilo de la hoja de estilo, y si pongo los DIVs en el BODY si toman el estilo ¿?

[Adler]

Hola

Probablemente el error está en que usa "." en vez de "#"

Suerte

[archisss]

Iniciado por Adler

Hola

Probablemente el error está en que usa "." en vez de "#"

Suerte

NOP este es MI CSS

Código PHP:

      #Error, #Errordes, #Aviso, #Avisodes, #Opcion1, #Opcion1des, #Opcion2, #Opcion2des, #Footer  
    {     
    padding-right: 10px; 
    padding-left: 35px; 
    padding-top: 15px; 
    padding-bottom: 10px; 
    border-style: dashed; 
    border-width:thin;  
    display:block; 
    } 
    #Error, #Aviso, #Opcion1, #Opcion2  
    { 
    width: 855px; 
    height: 24px; 
    font-weight: bold;     
    } 
    #Errordes, #Avisodes, #Opcion1des, #Opcion2des  
    { 
    padding-left: 10px; 
    width: 880px; 
    border-top-style: none; 
    color: black; 
    } 
    #Error, #Errordes  
    {  
    border-color: #81130e;  
    }  
   

[zerokilled]

el error esta en tu CSS... miralo bien, especialmente los selectores.

[archisss]

Iniciado por zerokilled

el error esta en tu CSS... miralo bien, especialmente los selectores.

NO veo el error.... ¿? donde esta

[zerokilled]

voy a tomar un ejemplo...

Código:

// del codigo javascript;
<div id="error">Falta una Sede</div>

// del codigo css;
#Error{
...
}

¿que diferencia vez en lo marcado en bold?

[archisss]

aaaa NO manches una MAYUSCULA fue el error.......................... buuuuuu


Gracias por la ayuda Zerikilled , Adler y Caricatos Larga Vida... ñ_ñ

[zerokilled]

deberias agradecer mas a caricatos y adler porque si no se hubieran interesado en el tema nada de esto se hubiera aclarado. yo solo me entrometi

[archisss]

Gracias a los 3 por su ayuda.... lo importante es que salio ahora si a alguien le pasa lo mismo ya podre responder YO... =D


Gracias a los 3 de nuevo Caricatos , Adler y Zerikilled