Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    54

    Problema margini per div dinamici

    Ciao a tutti,
    ho il seguente problema:

    Un div principale largo 940px deve contenere 4 div larghi 220 px ciascuno e deve esserci, un margin orizzontale di 20px tra il primo e il secondo, tra il secondo e il terzo e tra il terzo e il quarto. Il primo e il quarto però devo stare a filo con il contenitore che li contiene. Il problema è che questi div di 220px sono generati in maniera dinamica da php. Qualcuno sa darmi qualche consiglio per risolvere il problema?

    Grazie mille ByEz

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Risposta moderna (per browser che supportano CSS3):
    codice:
    #contenitore div {
      margin 0 0 0 20px;
    }
    #contenitore:firstChild {
      margin: 0;
    }

    Risposta che include anche IE:
    Metti una classe nel primo elemento e usa lo stesso metodo.
    In alternativa si puo` pensare ad un JS che agisca solo su IE e che inserisca la classe nel primo figlio o modifichi l'attributo margin al primo figlio.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    54
    Ciao non so per quale motivo ma non mi è arrivata la mail per avvisarmi della tua risposta. Proverò appena possibile, ti ringrazio

    In alternativa ho risolto in questo modo:

    Nel codice php che prende i dati dal db (nel while con la condizione $array=mysql_fetch_array(query)) Ho inserito un contatore, quando il contatore segna 1 oppure 6 o così via sino a 30, (visto che il numero massimo di div è 30 dopo di che c'è la pagina successiva) assegno una classe senza il margin sinistro stessa cosa per l'ultimo elemento.

    è abbastanza macchinosa però funziona.

    Ora provo subito la soluzione con il first child che proprio non conoscevo.

    Ti ringrazio ancora

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 © 2025 vBulletin Solutions, Inc. All rights reserved.