Ciao a tutti, ho i seguenti problemi nell'adattare il layout con i vari elementi contenuti che mi stanno facendo impazzire.
Il sito in questione è www.pastalandia.altervista.org così potete visionare il codice html e css.

Ho diviso il layout responsive in 3 risoluzioni,
la prima parte dai 1920px sino ai 971px
In questa risoluzione ho i seguenti problemi: come vedete lo spazio che c'è tra la slide e la barra blu (del primo contenitore) non viene ripetuto tra i due contenitori, anzi viene nascosto dal primo contenitore. Se voi provate a rimpicciolire la finestra, lo spazio compare, ma più si rimpicciolisce la finestra e più lo spazio aumenta :crying:
Come faccio a fargli rimanere quello spazio che c'è fisso, come quello tra la slide e il primo contenitore?

la seconda parte dai 970px ai 521
Qui i problemi sono due
1. Appena si attiva il layout per questa risoluzione, ho questo risultato:
Problema adattamento pagina responsive - in HTML e CSS
Vorrei che le immagini siano centrate al layout e non flottate a sinistra.

2.Raggiunta una certa risoluzione il menu diventa responsive mobile, ovvero compare un pulsante che cliccandolo fa apparire il menu a tendina. Il problema è che viene coperto dalla slide, impedendo la vista del menu stesso. Non mi interessa che sposti la slide, ma almeno che gli vada sopra.

la seconda parte dai 520px in giù (smartphone)
Qui i problemi sono gli stessi. La distanza dei conteiner è sfasata al tal punto che si sovrappongono. Inoltre stesso problema per il menù a tendina di sopra
Problema adattamento pagina responsive - in HTML e CSS

Spero che mi possiate aiutare, devo finirlo il prima possibile, confido in voi! Grazie
Immagini allegate Problema adattamento pagina responsive - in HTML e CSS Problema adattamento pagina responsive - in HTML e CSS



Originariamente scritto da mattex94 nel forum HTML e CSS in data 23-09-2015 00:30.