• User

    Aiuto Css e Explorer

    Potete controllare questa pagina e aiutarmi a capire dove sta l'errore?
    www.tcinformatica.info/home.html
    Nelle altre pagine è tutto ok sia in Firefox che Explorer...sebbene siano gemelle alla home.html
    :bho:

    Grazie.
    MaC

    PS. sto iniziando un corso di css in rete...spero di non disturbarvi più.


  • User Attivo

    ciao Fairfocs!
    La home è l'unica pagina con un layout a due colonne! Poichè la colonna di sinistra (che immagino sia quella con float:left), è più corta di quella di destra, il browser calcola l'altezza tenendo come riferimento la colonna flottante. Risolvi questo problema con il trucchetto del
    <div style="clear:both"></div>

    Ovvero aggiungi un div (elemento di blocco) al di sotto delle due colonne, con la proprietà clear, in modo da "annullare" la proprietà float, da quel punto in poi. In questo modo il footer dovrebbe tornare al suo posto 😄

    Buona lavoro

    meryk

    Ps: qui non disturbi mai, siamo qui apposta!


  • User

    Sembra non funzionare. Altre proposte?
    😉

    Grazie mille.


  • Super User

    Ci sono un pò di problemi in generale però vediamo di risolverlo in qualche modo.

    Quindi intanto potresti iniziare facendo così:

    • togli l'altezza fissa dai paragrafi (mi pare che attualmente sia a 250px). Essi si allungheranno automaticamente "sentendo" il proprio contenuto e il browser interpreterà meglio queste sue proprietà
    • aggiungi la proprietà "float:left" alla classe process e ai paragrafi al suo interno (quindi ai tag p).
    • Dai una larghezza (width) al div con classe "process" pari a quella che hai dato ai paragrafi al suo interno e la togli da quest'ultimi (quindi inserisci "width:353px" alla classe sopracitata).Ci sono alcuni errori volti ad esempio all'uso inappropriato del tag "span" il quale nella pagina cerca di sostituire la funzione del paragrafo.
      Dimmi se ci sono stati dei miglioramenti o se non hai capito qualcosa 🙂
      Ciao!