phpBB Italia

Inviato: **18/03/2014, 16:25**

Ciao Ragazzi vi scrivo perchè non riesco a risolvere il problema di sfasamento delle colonne che si può evincere dai molteplici screen di seguito.

Screen Risoluzione 1920x1200 24pollici

Screen Risoluzione 1280x1024

Screen Risoluzione 15,6 pollici

Screen Risoluzione schermo Samsung Note II

Ho provato a mettere diverse percentuali nei css per riuscire a riallineare tutto, ma non c'è stato nulla da fare. Non riesco a capire dove sto sbagliando.. inoltre non riesco a centrare l'immagine del fumetto che tende sempre a rientrare a sinistra.

Posto umilmente i files css che interessano questa parte in caso ci fosse qualche buon samaritano che mi possa dare qualche dritta.

Parte del file content.css

Codice: Seleziona tutto

/* Content Styles
---------------------------------------- */

ul.topiclist {
	display: block;
	list-style-type: none;
	margin: 0;
}

ul.forums {
	background: #f9f9f9 none repeat-x 0 0;
}

ul.topiclist li {
	display: block;
	list-style-type: none;
	color: #777777;
	margin: 0;
}

ul.topiclist dl {
	position: relative;
}

ul.topiclist li.row dl {
	padding: 2px 0;
}

ul.topiclist dt {
   display: block;
   float: left;
   width: 41%;
   font-size: 1.1em;
   padding-left: 5px;
   padding-right: 5px;
}

ul.topiclist dd {
	display: block;
	float: left;
	border-left: 1px solid #FFFFFF;
	padding: 4px 0;
}

ul.topiclist dfn {
	/* Labels for post/view counts */
	position: absolute;
	left: -999px;
	width: 990px;
}

ul.topiclist li.row dt a.subforum {
	background-image: none;
	background-position: 0 50%;
	background-repeat: no-repeat;
	position: relative;
	white-space: nowrap;
	padding: 0 0 0 18px;
}

.forum-image {
	float: left;
	padding-top: 5px;
	margin-right: 5px;
}

li.row {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #8f8f8f;
}

li.row strong {
	font-weight: normal;
	color: #000000;
}

li.row:hover {
	background-color: #f6f6f6;
}

li.row:hover dd {
	border-left-color: #CCCCCC;
}

li.header dt, li.header dd {
	line-height: 1em;
	border-left-width: 0;
	margin: 2px 0 4px 0;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

li.header dt {
	font-weight: bold;
}

li.header dd {
	margin-left: 1px;
}

li.header dl.icon {
	min-height: 0;
}

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 0;
	padding-right: 50px;
}

/* Forum list column styles */
dl.icon {
	min-height: 35px;
	background-position: 10px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
}

dl.icon dt {
	padding-left: 45px;					/* Space for folder icon */
	background-repeat: no-repeat;
	background-position: 5px 95%;		/* Position of topic icon */
}

dd.posts, dd.topics, dd.views {
	width: 8%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}

dd.author {
width: 10%;
text-align: center;
line-height: 2.2em;
font-size: 1.2em;
}

/* List in forum description */
dl.icon dt ol,
dl.icon dt ul {
	list-style-position: inside;
	margin-left: 1em;
}

dl.icon dt li {
	display: list-item;
	list-style-type: inherit;
}

dd.lastpost {
   width: 20%;
   font-size: 1.1em;
}

dd.moderators {
   width: 10%;
   font-size: 1.1em;
   text-align: center;
   line-height: 2.2em;
}

dd.redirect {
	font-size: 1.1em;
	line-height: 2.5em;
}

dd.moderation {
	font-size: 1.1em;
}

dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
	display: block;
	padding-left: 5px;
}

dd.time {
	width: auto;
	line-height: 200%;
	font-size: 1.1em;
}

dd.extra {
	width: 20%;
	line-height: 200%;
	text-align: center;
	font-size: 1.1em;
}

dd.mark {
	float: right !important;
	width: 9%;
	text-align: center;
	line-height: 200%;
	font-size: 1.2em;
}

dd.info {
	width: 30%;
}

dd.option {
	width: 15%;
	line-height: 200%;
	text-align: center;
	font-size: 1.1em;
}

dd.searchby {
	width: 47%;
	font-size: 1.1em;
	line-height: 1em;
}

ul.topiclist dd.searchextra {
	margin-left: 5px;
	padding: 0.2em 0;
	font-size: 1.1em;
	color: #333333;
	border-left: none;
	clear: both;
	width: 98%;
	overflow: hidden;
}

/* Container for post/reply buttons and pagination */
.topic-actions {
	margin-bottom: 3px;
	font-size: 1.1em;
	height: 28px;
	min-height: 28px;
}
div[class].topic-actions {
	height: auto;
}

Parte del file common.css

Codice: Seleziona tutto

/* Nuvolette argomenti e messaggi
----------------------------------------*/
.statbubble {
	width: 64px;
	height: 36px;
	background: url("{T_THEME_PATH}/images/statbubble.png") no-repeat center top;
	text-align: center;
	padding: 6px 0 0 7px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #0658b0;
}

.statbubble span {
	font-size: 11px;
	font-weight: bold;
	color: #183853;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
}

phpBB Italia

Colonne argomenti, messaggi, moderatori.. sfasate

Colonne argomenti, messaggi, moderatori.. sfasate