posizionamento div medio

[lorenzobasile]

ciao a tutti,
sto impostando un nuovo sito con: div contenitore, menu, due div float(uno a destra e uno di fianco a sinistra, div medio e div footer.
Dopo vari tentativi ho raggiunto l'obbiettivo qui di seguito
Cattura.jpg
tramite il codice del div medio:
div#medio{
position:relative;top:100px;
left:110px;
right:110px;
height: 200px;
width:510px;
background-color:#000000;

Tuttavia visualizzandolo sul telefono viene scombussolato. Pensavo di inserire il seguente codice ma non mi visualizza nessun div medio:
div#medio{
position:relative;
height:auto;
width: auto;
left: 10%;
right: 10%;
bottom: 10;
background-color:#000000;
}

qualcuno è in grado di aiutarmi?
grazie mille anticipatamente!

[gnerpo]

Se il DIV medio non ha contenuto, dato che hai impostato width e height ad auto, ovviamente collassa su se stesso.

[panagulis72]

Controlla il codice, hai scritto bottom: 10;
10 cosa, px? %? em?
potrebbe essere per questo che non visualizzi in modo sperato.
Inoltre, come suggerisce gnerpo, potresti inserire qualche contenuto a caso per testarlo.

Antonio

[lorenzobasile]

grazie a entrambi per la risposta.
ho inserito del contenuto a caso e modificato la voce bottom(mi era sfuggito %).
tuttavia ora la schermata mi appare così
Cattura.jpg
come faccio?
grazie in anticipo