Back to top

Autore Topic: informazioni lyout 2 colonne  (Letto 2409 volte)

Offline zanza

  • Nuovo arrivato
  • *
  • Post: 18
    • Mostra profilo
informazioni lyout 2 colonne
« il: 19 Apr 2006, 12:52:44 »
Mi piacerebbe realizzare una template come quella utilizzata in joomla.it.
Ho notato che la colonna di sinistra ha un bordino (a destra) che la separa dalla parte centrale dove ci sono i contenuti.
La soluzione usata per questo tipo di template si basa solitamente su tabelle ma io vorrei usare i div.
Premesso che ho creato 2 div con il parametro float ed ho applicato "border-left: 1px solid blu" al div dei contenuti.
Il problema che mi si presenta è il seguente:
Se la colonna sinistra (quella dove ho il menu) è piu lunga della colonna con i contenuti il bordo che uso per separare le 2 aree si interrompe alla fine del div che contine i contenuti.

La soluzione che ho provato e che non ha dato risultato positivo è:
inserire div style="clear: both" sotto i 2 div, quello con il menu e quello con i contenuti.

Avete qualche suggerimento da darmi?
Grazie per l'attenzione.


Offline joomlapixel

  • Abituale
  • ****
  • Post: 1555
    • Mostra profilo
Re: informazioni lyout 2 colonne
« Risposta #1 il: 19 Apr 2006, 19:51:45 »
Le funzionalità di "contrazione dei div sono ben note.
Io consiglierei un artificio:
imposta i bordi desiderati creando un immagine da inserire come background nel contenitore principale,in questa immagine ( bastano pochi pixel in altezza) imposterei il bordo desiderato.Lo avresti così visibile indipendentemente dai contenuti dei div.
fd aka lonely

Offline zanza

  • Nuovo arrivato
  • *
  • Post: 18
    • Mostra profilo
Re: informazioni lyout 2 colonne
« Risposta #2 il: 20 Apr 2006, 02:43:39 »
Hai ragione l'unica soluzione è quella che mi hai suggerito.
C'è una piccola precisazione da fare a riguardo (magari a qualcuno puo' essere di aiuto)
Nei vari tentetivi fatti mi sono accorto che se uno dei 2 div è sempre maggiore dell'altro posso usare il border associato al div piu lungo.
Grazie 1000 per avermi aiutato  ;)

Offline carloernesto

  • Abituale
  • ****
  • Post: 828
  • Sesso: Maschio
  • E=mc²
    • Mostra profilo
Re: informazioni lyout 2 colonne
« Risposta #3 il: 20 Apr 2006, 14:45:53 »
ciao,
studia il problema delle colonne qua:
http://css.html.it/guide/leggi/3/guida-layout-dei-siti-con-i-css/
buona lettura
prima di postare, hai provato a cercare sul forum? hai guardato anche nell'area download? sei sicuro....

Offline joomlapixel

  • Abituale
  • ****
  • Post: 1555
    • Mostra profilo
Re: informazioni lyout 2 colonne
« Risposta #4 il: 20 Apr 2006, 16:38:26 »
ciao,
studia il problema delle colonne qua:
http://css.html.it/guide/leggi/3/guida-layout-dei-siti-con-i-css/
buona lettura
Eccolo lì........quando pensi di essertene liberato,spunta e ti prende a bacchettate!
felice di leggerti carlo!

Offline zanza

  • Nuovo arrivato
  • *
  • Post: 18
    • Mostra profilo
Re: informazioni lyout 2 colonne
« Risposta #5 il: 20 Apr 2006, 17:51:28 »
Ciao Carlo,
io ho trovato piu utile consultare:
http://css.maxdesign.com.au

Grazie per l'interessamento e per avermi risposto

Offline carloernesto

  • Abituale
  • ****
  • Post: 828
  • Sesso: Maschio
  • E=mc²
    • Mostra profilo
Re: informazioni lyout 2 colonne
« Risposta #6 il: 20 Apr 2006, 22:49:15 »
sm@ck franco  ;D
prima di postare, hai provato a cercare sul forum? hai guardato anche nell'area download? sei sicuro....

 



Web Design Bolzano Kreatif