Problema con float y mobile.

[rbnncls]

Pues, con lo del div separador, quería decir que entre el div #infoder y el div #infoizq pusieses un div .separador u algo así.

Aunque ahora que lo pienso usando simples clear: both; se consigue que floten ocupando cada uno su espacio uno bajo otro.

Algo así como esto, con porcentajes, no sé qué tal habría que probar:

Código CSS:

#infoder {
        max-width: 100%;
        margin-top: 450px;
        margin-left: 10px;
        clear: both;                 /* -- Agregando clear:both debe quedar uno bajo el otro -- */
    }
    
 
#infoizq {
        max-width: 100%;
                clear: both;                 /* -- Agregando clear:both debe quedar uno bajo el otro -- */
    }
 
 
.sep      {
                clear:both;
                height:5px;                  /* -- Probar cambiando el tamaño del div sep -- */
                width:100%; 
         }
 

Lo del separador sería algo así, (pero creo que el clear:both o left lo debe solucionar):

Código HTML:

<div id="infoizq"> Contenido </div> <div class="sep" /> <div id="infoder"> Contenido </div> 

Usando clear:both se debe solucionar. Pese a eso el separador no viene mal, es como una forma de asegurarse.

Espero que te sirva, saludos