Ho una pagina web dal design responsive dove c'è un immagine che si adatta alla larghezza della finestra, per far ciò è bastato aggiungere "max-width: 100%;" allo stile dell'immagine, e fin qui tutto ok.
Ora però vorrei aggiungere a sinistra dell'immagine una colonna di larghezza fissa con dei bottoni social (facebook, google+...).
In un primo momento ho provato con le div, però non sono nemmeno riuscito a far affiancare i 2 elementi, infatti l'immagine faceva sempre andare a capo la div.
Quindi ho provato usando una tabella di 2 colonne; nella colonna di sinistra ho messo i bottoni e in quella di destra l'immagine. Inizialmente pensavo di esserci riuscito, invece l'immagine si adatta alla larghezza della colonna solo su alcuni browser, mentre su altri l'immagine non si ridimensiona e va a sballare tutta la struttura del sito.
Allego un immagine che fa capire meglio ciò di cui parlo:
esempio1.jpg
Conoscete un modo per farlo? Hoo finito le idee, è da ore che ci sto provando senza successo.
Rispondi quotando