Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Layout 2 colonne semifluide

    Ciao a tutti, dovrei realizzare un layout (in particolare quesot è il footer del layout) con due colonne che hanno 2 sfondi diversi.


    In pratica (vedi immagine allegata) il layou tè centrato orizzontalmente con un box (margin auto) largo 980px circa (quello delimitato dalle due righe rosse)

    Poi ci sono due colonne una a sinistra che ha uno sfondo nero piatto e una img dove metterò il marchio e una a sinistra che ha come sfondo un gradient che si sviluppa in tutta la colonna fino a fine pagina (quindi non a fine box).

    Sapete aiutarmi a realizzarlo? perchè io ho provato facendo le 2 colonne in percentuale come float ma il problema è che sono slegato da questo box esterno wrap largo 980px

    Grazie del vostro aiuto.
    Immagini allegate Immagini allegate
    If what you were looking for doesn't show up, investigate it!
    Google is your friend

  2. #2
    Utente di HTML.it L'avatar di emnlmn
    Registrato dal
    Oct 2008
    Messaggi
    263
    Cosa intendi con "sono slegato da questo box esterno wrap largo 980px" ?
    Qui trovi un esempio di layout a due colonne fisse, centrato orizzontalmente, dal quale puoi prendere spunto per realizzare il tuo (in alternativa consulta gli altri sempre nello stesso sito) http://blog.html.it/layoutgala/LayoutGala34ita.html.

    Se invece, il tuo problema è il footer, che deve essere largo tutta la finestra ( a differenza delle colonne che devono avere 980px totali di witdh), potresti inserire il footer all'esterno del <div> che conterrà le due colonne, in modo tale da non essere limitato dalla larghezza massima.

    Comunque, siccome non sono sicuro si aver ben capito quello che ti serve, resto disponibile per altre domande .

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.