phpBB Italia chiude!
phpBB Italia ringrazia tutti gli utenti che hanno dato fiducia al nostro progetto per ben 9 anni, e che, grazie al grande lavoro fatto da tutto lo Staff (rigorosamente a titolo gratuito), hanno portato il portale a diventare il principale punto di riferimento italiano alla piattaforma phpBB.

Purtroppo, causa motivi personali, non ho più modo di gestirlo e portarlo avanti. Il forum viene ora posto in uno stato di sola lettura, nonché un archivio storico per permettere a chiunque di fruire di tutte le discussioni trattate.

Il nuovo portale di assistenza per l'Italia di phpBB diventa phpBB-Store.it, cui ringrazio per aver deciso di portare avanti questo grande progetto.

Grazie ancora,
Carlo - Amministratore di phpBB Italia

Doppio padding-bottom

Discussioni relative allo sviluppo grafico di un sito web utilizzando l'HTML/XHTML e CSS ed alla grafica in generale con l'utilizzo di applicazioni tipo Photoshop e GIMP.
Rispondi
Avatar utente
frank
Utente
Utente
Messaggi: 1908
Iscritto il: 25/11/2014, 8:02
Sesso: Maschio
Versione: 3.1.7-PL1
Server: UNIX/Linux
PHP: 5.5.29
Database: MySQL(i) 5.5.43-log

Doppio padding-bottom

Messaggio da frank » 21/10/2016, 15:51

Sto sistemando il mio blog e da un tema ho trovato questo css con un doppio padding-bottom. Io non so se è un'errore dell'autore o se è corretto. Questo è il css:

Codice: Seleziona tutto

#sidebar {
	background-color: #294a6f;
	width:225px;
	border-right:3px solid #ccc;
	border-left:3px solid #ccc;
	text-align: center;
	float: left;
	color:#91a3af;
	font-size:12px;
	line-height: 15px;
	padding-bottom:30px;
	margin-bottom: -5000px;
	padding-bottom: 5000px;
}

Avatar utente
Sir Xiradorn
Grafico
Grafico
Messaggi: 1659
Iscritto il: 11/08/2009, 12:41
Sesso: Maschio
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.6.15
Database: MariaDB 10.1.9
Località: Lontano....
Contatta:

Re: Doppio padding-bottom

Messaggio da Sir Xiradorn » 12/12/2016, 22:46

E' un errore bello e buono
Sir Xiradorn
Immagine
~ XDojo - Xiradorn Lab Division - xiradorn.it ~
~ GitHub - XiradornLab ~

Immagine
Stargate - phpbb 3.0.x || 3.1.x || 3.2.x

Avatar utente
frank
Utente
Utente
Messaggi: 1908
Iscritto il: 25/11/2014, 8:02
Sesso: Maschio
Versione: 3.1.7-PL1
Server: UNIX/Linux
PHP: 5.5.29
Database: MySQL(i) 5.5.43-log

Re: Doppio padding-bottom

Messaggio da frank » 12/12/2016, 22:59

Anche a me sembrava strano, ora ho messo così:

Codice: Seleziona tutto

/* Colonna di sinistra */
#sidebar {
	background-color: #1f3b58;
	width:225px;
	border-right:3px solid #ccc;
	border-left:3px solid #ccc;
	text-align: center;
	float: left;
	color:#91a3af;
	font-size: 0.85em;
	line-height: 15px;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
Ora la colonna sinistra arriva fin troppo in basso. Se ci fai caso sotto i link dei Siti amici c'è uno spazio enorme che non riesco togliere. Credo sia questo css che crea questo spazio.

http://photoman.altervista.org

Avatar utente
Sir Xiradorn
Grafico
Grafico
Messaggi: 1659
Iscritto il: 11/08/2009, 12:41
Sesso: Maschio
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.6.15
Database: MariaDB 10.1.9
Località: Lontano....
Contatta:

Re: Doppio padding-bottom

Messaggio da Sir Xiradorn » 13/01/2017, 20:16

Nella sidebar hai un margin-bottom che ti spara il valore così in basso a 500px
Sir Xiradorn
Immagine
~ XDojo - Xiradorn Lab Division - xiradorn.it ~
~ GitHub - XiradornLab ~

Immagine
Stargate - phpbb 3.0.x || 3.1.x || 3.2.x

Avatar utente
frank
Utente
Utente
Messaggi: 1908
Iscritto il: 25/11/2014, 8:02
Sesso: Maschio
Versione: 3.1.7-PL1
Server: UNIX/Linux
PHP: 5.5.29
Database: MySQL(i) 5.5.43-log

Re: Doppio padding-bottom

Messaggio da frank » 13/01/2017, 22:09

Dove lo vedi il margin-bottom: 500px;

Avatar utente
Sir Xiradorn
Grafico
Grafico
Messaggi: 1659
Iscritto il: 11/08/2009, 12:41
Sesso: Maschio
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.6.15
Database: MariaDB 10.1.9
Località: Lontano....
Contatta:

Re: Doppio padding-bottom

Messaggio da Sir Xiradorn » 14/01/2017, 0:21

Se usi qualsiasi strumento di analisi lo vedi tu stesso. Guarda lo screen fatto da firebug:
Immagine
Sir Xiradorn
Immagine
~ XDojo - Xiradorn Lab Division - xiradorn.it ~
~ GitHub - XiradornLab ~

Immagine
Stargate - phpbb 3.0.x || 3.1.x || 3.2.x

Avatar utente
frank
Utente
Utente
Messaggi: 1908
Iscritto il: 25/11/2014, 8:02
Sesso: Maschio
Versione: 3.1.7-PL1
Server: UNIX/Linux
PHP: 5.5.29
Database: MySQL(i) 5.5.43-log

Re: Doppio padding-bottom

Messaggio da frank » 14/01/2017, 0:27

Ho capito, tu hai trovato il css originale, ma nel child c'è questo:

Codice: Seleziona tutto

/* Colonna di sinistra */
#sidebar {
	background-color: #1f3b58;
	width:225px;
	border-right:3px solid #ccc;
	border-left:3px solid #ccc;
	text-align: center;
	float: left;
	color:#91a3af;
	font-size: 0.85em;
	line-height: 15px;
	border-bottom-right-radius: 10px;
       border-bottom-left-radius: 10px;
}
Potrei mettere così, ma me la taglia alla fine dei widget

Codice: Seleziona tutto

margin-bottom: 0;
padding-bottom: 0;

Avatar utente
Sir Xiradorn
Grafico
Grafico
Messaggi: 1659
Iscritto il: 11/08/2009, 12:41
Sesso: Maschio
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.6.15
Database: MariaDB 10.1.9
Località: Lontano....
Contatta:

Re: Doppio padding-bottom

Messaggio da Sir Xiradorn » 14/01/2017, 14:35

Il problema è che vuoi fare un pareggio delle colonne facendole arrivare alla stessa altezza non hai una soluzione semplicistica per arrivare al risultato. Dovresti usare o un po di javascript per farne fare il pareggio dinamico, oppure hai altre soluzioni solo con l'uso del css ma sono più o meno efficaci. Per darti una idea leggiti sta cosa: http://www.hongkiat.com/blog/css-equal-height/ ci sono delle ottime alternative come la falsa colonna, il gradiente o altre tecniche più o meno semplici

Faccio una precisazione di una cosa che mi son ricordato adesso. Il margin-bottom e padding-bottom a -5000px e 5000px rispettivamente sono stati usati per una tecnica che ti permette di avere la colonna della sidebar ad altezza identica al container. Ma manca qualcosa per fare si che la sidebar stessa non sfondi il container. Credo sia un problema di overflowing ma devo vedere. Intanto ragionaci su da solo mentre appena ho un secondo vedo il problema dove sta
Sir Xiradorn
Immagine
~ XDojo - Xiradorn Lab Division - xiradorn.it ~
~ GitHub - XiradornLab ~

Immagine
Stargate - phpbb 3.0.x || 3.1.x || 3.2.x

Avatar utente
frank
Utente
Utente
Messaggi: 1908
Iscritto il: 25/11/2014, 8:02
Sesso: Maschio
Versione: 3.1.7-PL1
Server: UNIX/Linux
PHP: 5.5.29
Database: MySQL(i) 5.5.43-log

Re: Doppio padding-bottom

Messaggio da frank » 16/01/2017, 7:12

Al container ho tolto overflow: initial !important; e sembra che dagli schermi '11 in su funzioni.

Codice: Seleziona tutto

/* Theme Layout */
#container {  
	font-size: 1em;
	width:1250px;
}
http://photoman.altervista.org

Avatar utente
Sir Xiradorn
Grafico
Grafico
Messaggi: 1659
Iscritto il: 11/08/2009, 12:41
Sesso: Maschio
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.6.15
Database: MariaDB 10.1.9
Località: Lontano....
Contatta:

Re: Doppio padding-bottom

Messaggio da Sir Xiradorn » 16/01/2017, 13:07

Il container deve avere assolutamente l'overflow in hidden non initial altrimenti non funziona l'equal column height
Sir Xiradorn
Immagine
~ XDojo - Xiradorn Lab Division - xiradorn.it ~
~ GitHub - XiradornLab ~

Immagine
Stargate - phpbb 3.0.x || 3.1.x || 3.2.x

Rispondi

Torna a “Web Design & Grafica”

Chi c’è in linea

Visitano il forum: Nessuno e 2 ospiti