Visualizzazione dei risultati da 1 a 9 su 9

Discussione: spazio bianco footer

  1. #1

    spazio bianco footer

    Siccome un plugin mi crea uno spazio bianco nel footer di un wordpress, c'e' qualche errore in questo file (penso perche' se lo rinonimo lo spazio bianco sparisce) Non sapreste darmi un'indicazione su cosa potrebbe provocare lo spazio bianco


    spazio.jpg

    codice:
    .twosides_fieldset .twosides-left {
        float:left; 
        display:inline-block;
    }
    .twosides_fieldset .twosides-right  {
        float:right; 
        display:block;
    }
    .twosides_fieldset input[type="submit"]{
        min-width: 50px;
        margin: 8px auto;
        
    } 
    .prohead-count,
    .conhead-count{
        display:block;
        height:1.222em;
        margin-left: .5em;
    }
    legend p.twosides-conhead,
    legend p.twosides-prohead{
        display: flex;
        width: 100%;
        position:relative;
        top: 15px;
    }
    .comments-area .reply a {
        display:none;
    }
    #commentform p.ts-hidden {
        display: none;
    }
    .comments-above-list{
        display: block;
        width: 100%;
        padding: 1%;
    }
    #comments.comments-area.twosides #commentform {
    margin-bottom: 60px;
    
    
    }
    @keyframes textOut {
    0% {
      opacity: 0;
      margin-left: -620px;
    }
    100% {
      opacity: 1;
      margin-left: 0px;
    }
    }
    #commentform:target,
    #commentform:focus {
     animation-name: textOut;
    animation-duration: 1.2s; 
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-delay: 0s;
    animation-play-state: normal;
    animation-direction: normal;
    animation-fill-mode: forwards;
    }
    .comments-area.twosides #respond.comment-respond.twoside-positive,
    .comments-area.twosides #respond.comment-respond.twoside-negative{
        color: inherit;
    }
    .comment-body {
        border-bottom: none;
        line-height: 1.4;
        padding: 12px; 
    }
    #comments.comments-area.twosides {
        width: 100%;
        margin: 30px auto 60px auto;
        padding: 30px 0px;
        max-width: 910px;
        display: table;
    }
    ul.comment-list.comments-positive{
        width: 50%;
        margin: 0;
        float: left;
        height: 100%;
        padding-left: 0;
        border-right-color:transparent;
        border-right-style: solid;
    }
    ul.comment-list.comments-negative {
        width: 50%;
        margin: 0;
        float: right;
        display:block;
        padding-left: 0;
        border-left-color:transparent;
        border-left-style: solid;
    }
    .comment-list li.twosides_positive,
    .comment-list li.twosides_negative {
        list-style: none;
         
        height: auto;
         
        width: 100%;
        padding: 0;
    }
    li.twosides_positive {
        color: inherit;
    }
    li.tw............... continua in allegato
    }  
    File allegati File allegati

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,236
    Difficile capire dove sta il problema senza vedere la pagina in questione. Puoi postare un link?
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 15% tra i post del forum; il 9% sul web.
    Ti resta l1% ... usalo bene!

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  3. #3

  4. #4
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,236
    Gli ho dato uno sguardo, vedo il problema ma non sono riuscito a capire quale sia esattamente la causa.

    Tra parentesi, ho passato prima di tutto la pagina sul validatore che segnala qualche tag chiuso male e qualcuno fuori posto, sarebbe meglio sistemare anche se questo sembra non influire sul problema.

    Ho analizzato il codice attraverso la console web, pare che il posizionamento del footer sia determinato da una serie di float e clear-fix applicati al footer e ai vari elementi che lo precedono. Sinceramente non capisco il motivo di questa impostazione.

    Ho provato a giocare un po' col css ma non sono riuscito ad arrivare ad una qualche valida soluzione. Per il momento non so dirti altro e non so cosa consigliarti.

    A tempo perso potrei fare qualche altra prova; nel frattempo puoi attendere altre eventuali risposte a meno che tu non riesca a risolvere prima.

    Per il momento tutto, buon proseguimento.
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 15% tra i post del forum; il 9% sul web.
    Ti resta l1% ... usalo bene!

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  5. #5
    grazie faccio delle prove Togliendo questo pezzo di codice dal file twosides.css lo spazio bianco sparisce ma si scombina anche il box commenti
    codice:
     float:left; 
        display:inline-block;
    }
    che cosa strana se levo invece questo codice lo spazio bianco non sparisce
    codice:
    {
       float:left;
        display:inline-block;
    }
    Ultima modifica di frezzosino; 30-01-2019 a 09:01

  6. #6
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,236
    Prova ad applicare questa regola, vedi se pu andare:
    codice:
    #outer-wrap {
        overflow: hidden;
    }
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 15% tra i post del forum; il 9% sul web.
    Ti resta l1% ... usalo bene!

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  7. #7
    ecco l'errore (o almeno uno)
    codice:
    #respond.comment-respond {
    position: absolute;
    left: -999em;
    }

  8. #8
    sembrerebbe andato a posto Ho aggiunto il codice
    codice:
    #outer-wrap {
        overflow: hidden;
    }
    di
    KillerWorm
    >>> grazie

  9. #9
    dimenticavo grazie anche a
    ac_socmel

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