WebSite X5Help Center

 
Fabio B.
Fabio B.
User

Bug: dimensionamento altezza celle  it

Autore: Fabio B.
Visite 1125, Followers 2, Condiviso 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

Postato il
20 RISPOSTE
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...

Leggi di più
Postato il da Skeggia 12
Fabio B.
Fabio B.
User
Autore

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

Leggi di più
Postato il da 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...

Leggi di più
Postato il da Skeggia 12
Fabio B.
Fabio B.
User
Autore

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.

Leggi di più
Postato il da Fabio B.
Skeggia 12
Skeggia 12
Moderator

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

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Riccardo P.
Fabio B.
Fabio B.
User
Autore

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...

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

questo era lo schema precedente e la correzione inserita:

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

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Riccardo P.
Fabio B.
Fabio B.
User
Autore

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

la cella é la numero 7 della home page

ciao

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Riccardo P.
Fabio B.
Fabio B.
User
Autore

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

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Riccardo P.
Fabio B.
Fabio B.
User
Autore

Buongiorno Riccardo, scusa il ritardo.

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

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

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

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Riccardo P.
Fabio B.
Fabio B.
User
Autore

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

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Riccardo P.
Fabio B.
Fabio B.
User
Autore

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.

Leggi di più
Postato il da Fabio B.
Incomedia
Riccardo P.
Incomedia

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

Leggi di più
Postato il da Riccardo P.