WebSite X5Help Center

 
Fabio B.
Fabio B.
User

Bug: dimensionamento altezza celle  it

Auteur : Fabio B.
Visité 1129, Followers 2, Partagé 0  

Buongiorno Incomedia,

segnalo un problema negli stili delle celle appartenenti ai gruppi verticali.

In questa pagina: http://2ainterim.index5.info/index.php

...la cella 7 riceve una min-height di 843 px e nessuna height assoluta;

Per risolvere il problema di layout che si genera sia in visualizzazione desktop che in quella mobile ho dovuto inserire il codice che trovate in sorgente. Grazie

Posté le
20 RéPONSES
Skeggia 12
Skeggia 12
Moderator

forse non ho capito, ma la somma delle 3 celle a sx della 7 fa esattamente quella misura...

397+258+178+10px di padding nell'ultima = 843...

Lire plus
Posté le de Skeggia 12
Fabio B.
Fabio B.
User
Auteur

ciao skeggia, nel css quella misura viene formulata come min-heigth, non come height; se provi ad inibire via Firebug gli aggiustamenti che ho fatto io, vedrai il risultato originale

Lire plus
Posté le de Fabio B.
Skeggia 12
Skeggia 12
Moderator

tutte le celle incriminate hanno il min-height...

il problema mi sembra sia qui...

#imCellStyle_7 {
    width: 418px;
    min-height: 843px;
    padding: 47px 10px 546px 10px;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

se metti a 0 il padding in grassetto, non devi inserire il parametro da te inserito nel...

#imCell_7 {
    height: 664px !important;
    overflow: visible !important;
}

sempre se ho letto bene...

Lire plus
Posté le de Skeggia 12
Fabio B.
Fabio B.
User
Auteur

sì skeggia, anche modificando quel parametro lì si aggiusta, ma il punto é che bisogna farlo, perché altrimenti il layout della pagina così com'é generato dal programma é sballato.

Quel valore di padding non l'ho impostato io.

Lire plus
Posté le de Fabio B.
Skeggia 12
Skeggia 12
Moderator

ah ok pensavo lo avessi impostato tu per errore...come non detto...

Lire plus
Posté le de Skeggia 12
Incomedia
Riccardo P.
Incomedia

Buongiorno Fabio,

potresti spiegare meglio, allega anche uno screenshot della griglia al passo 3, dipende infatti da come hai posizionato l'oggetto.

Prova anche a ricreare la struttura in un nuovo progetto e verificare se ottieni la stessa cosa e solo con quel tipo di oggetto.

Fammi sapere.

Lire plus
Posté le de Riccardo P.
Fabio B.
Fabio B.
User
Auteur

Buongiorno Riccardo, scusa il ritardo; dopo aver momentaneamente eliminato la cella con l'oggetto Wheater il nuovo schema é quello allegato; il problema del padding-bottom resta.

"Purtroppo" ultimamente non ho molto tempo da passare al pc per fare ulteriori sperimentazioni...

Lire plus
Posté le de Fabio B.
Fabio B.
Fabio B.
User
Auteur

questo era lo schema precedente e la correzione inserita:

#imCellStyle_7 {
padding-bottom: 0px !important;
}

Lire plus
Posté le de Fabio B.
Incomedia
Riccardo P.
Incomedia

Buongiorno Fabio,

purtroppo dagli screenshot non riesco a capire nel dettaglio da cosa può dipendere. Se vuoi puoi allegarmi il progetto in cui noti il problema specificandomi bene in che cella appare il padding bottom anomalo, così da poter verificare direttamente.

Puoi usare https://www.wetransfer.com/ per allegarmi il link del progetto.

Grazie.

Lire plus
Posté le de Riccardo P.
Fabio B.
Fabio B.
User
Auteur

buongiorno riccardo, ho inviato il file via we transfer all'indirizzo file@answers.websitex5.com

la cella é la numero 7 della home page

ciao

Lire plus
Posté le de Fabio B.
Incomedia
Riccardo P.
Incomedia

Buongiorno Fabio,

purtroppo la tua email non ci è arrivata, ti chiederei per favore di reinviarla. Se vuoi con https://www.wetransfer.com/ puoi selezionare la generazione del link e scriverlo qui se preferisci.

Grazie.

Lire plus
Posté le de Riccardo P.
Fabio B.
Fabio B.
User
Auteur

ciao Riccardo, ho appena spedito allo stesso indirizzo il file iwzip direttamente.

Lire plus
Posté le de Fabio B.
Incomedia
Riccardo P.
Incomedia

Grazie del progetto, ci è arrivato correttamente.

L'ho inviato al nostro team di sviluppo per poter essere analizzato.

Nel frattempo prova a ridurre il contenuto dei due oggetti testo di fianco, dovresti riuscire a sistemare il progetto così.

Grazie.

Lire plus
Posté le de Riccardo P.
Fabio B.
Fabio B.
User
Auteur

Buongiorno Riccardo, scusa il ritardo.

Ho ridotto i contenuti come suggerito dividendo il content in due colonne uguali come da ss allegato

Lire plus
Posté le de Fabio B.
Fabio B.
Fabio B.
User
Auteur

ma dopo aver eliminato il codice css il risultato é quello in foto

Lire plus
Posté le de Fabio B.
Incomedia
Riccardo P.
Incomedia

Prova a ridurre proprio il contenuto, prova a inserire solo una riga di testo nei due oggetti o mettili in uno solo. Prova anche a ridurre le righe di acapo fra una riga di testo e l'altra.

Lire plus
Posté le de Riccardo P.
Fabio B.
Fabio B.
User
Auteur

Sì Riccardo, confermo che eliminando dalle celle di testo le righe vuote e mettendo nella prima solamente due righe scritte il problema sparisce. Quindi...?

Lire plus
Posté le de Fabio B.
Incomedia
Riccardo P.
Incomedia

Prova a ridurre il testo o posizionare diversamente gli oggetti momentaneamente, ho inviato la tua segnalazione al nostro team di sviluppo.

Lire plus
Posté le de Riccardo P.
Fabio B.
Fabio B.
User
Auteur

Grazie Riccardo.

Per il momento invece di togliere il testo (che trovo assolutamente necessario) preferisco lasciare il css, ma resto in attesa di sviluppi; spero di essere stato utile con la segnalazione.

Lire plus
Posté le de Fabio B.
Incomedia
Riccardo P.
Incomedia

Grazie ti farò sapere se ci sono novità, Buon Lavoro.

Lire plus
Posté le de Riccardo P.