Salve a tutti,
ho passato molte serate(ore piccole) a cercare una soluzione fattibile al mio problema.
In pratica non riesco ad ottenere il risultato sperato: quando la risoluzione del monitor è bassa, scompare la parte più a destra del sito.
Di seguito il css del template.
Ho provato varie soluzioni, ma credo di non essere abbastanza competente, forse per niente, per poterlo fare senza il vostro aiuto.
Cosa e dove cambiare?
Un grazie anticipato alla persona GENTILE che mi risponde.
/* COMMON STYLE
---------------------------------------------------------
*/
html, body, form, fieldset {
margin: 0;
padding: 0;
}
body {
color: #666;
font-family:Tahoma, Arial Verdana;
background:#fff
url(../images/body_bg.gif);
font-size:12px;
line-height: 150%;
height:100%;
}
html
{
height:100%;
overflow-y:scroll;
}
body.contentpane {
width: auto; /* Printable Page */
margin: 1em
2em;
line-height: 1.3em;
margin: 0px 0px 0px
0px;
font-size: 12px;
color:
#333;
}
/* Normal link */
a {
color:
#999;
text-decoration:
underline;
}
a:hover{
color: #000;
text-decoration: none;
}
/* Small text */
small, .small,
.smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon,
.img_caption {
color: #999;
font-size:
92%;
line-height:100%;
}
/* Heading */
h1
{
font-size: 120%;
}
h2 {
font-size:
140%;
}
h3 {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}
h4 {
font-size: 100%;
text-transform: uppercase;
}
h1, h2, h3,
h4, h5, h6 {
margin: 0;
padding:
0;
}
h6{
color:#fff;
font-size:11px;
font-weight:bold;
}
p, pre, ul, ol
{
margin:2px 0 2px 0;
padding:
0;
}
pre{
background:#fff; padding:6px;
font-size:11px}
ul {
list-style:
none;
}
#jp_bottom_outer ul li {
padding-left:
12px;
background:none;
list-style-type:
disc;
line-height: 140%;
list-style-position:inside;
}
ul li {
padding-left: 12px;
background: url(../images/bullet-list.gif)
no-repeat 0 6px;
line-height: 140%;
}
ul.arrow
li{
padding-left: 24px;
background:
url(../images/green_arrow.png) no-repeat 0 2px;
line-height:
24px;
}
ol li {
margin-left: 35px;
line-height: 150%;
}
th {
padding:
5px;
font-weight: bold;
text-align:
left;
}
fieldset {
border: none;
text-align:left;
/*padding: 10px 5px;*/
}
fieldset a
{
font-weight: bold;
}
hr {
border-top: 1px solid #CCCCCC;
border-right: 0;
border-left: 0;
border-bottom: 0;
height: 1px;
}
td, div {
font-size:
100%;
}
img {
border: none;
}
/*
FORM
--------------------------------------------------------- */
form
{
margin: 0;
padding: 0;
}
form
label {
cursor: pointer;
}
input, select, textarea,
.inputbox {
padding: 3px 5px;
font-family:
Tahoma, Arial, Helvetica, sans-serif;
font-size:
100%;
}
.button {
padding: 3px 5px;
background:#fff url(../images/button_bg.gif) bottom repeat-x;
color: #777;
font-size: 11px;
border:none;
margin:4px 0 4px 0;
border:1px
dashed #ccc;
}
.button:hover, .button:focus {
background: #fff;
color: #333;
cursor:
pointer;
}
.search .button {
padding: 3px;
font-size: 90%;
text-transform:
none;
}
.search .button:hover, .search .button:focus {
color: #333;
}
* html .button {
padding: 2px 0
!important; /*IE 6*/
}
*+html .button {
padding: 2px
0 !important; /*IE 7*/
}
.inputbox {
border: 1px
solid #CCCCCC;
background:
#FFFFFF;
}
.inputbox:hover, .inputbox:focus {
background: #FFFFCC;
}
/* JOOMLA
STYLE
---------------------------------------------------------
*/
table.blog {
}
.article_separator {
clear:
both;
display: block;
height:
20px;
}
.article_column {
}
.column_separator {
padding: 0 25px;
}
/* content tables
*/
td.sectiontableheader {
padding: 4px;
border-right:
1px solid #fff;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1
td,
tr.sectiontableentry2 td {
padding:
4px;
}
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2
{
padding: 3px;
}
table.contentpane {
border: none;
width: 100%;
}
table.contentpaneopen
{
border: none;
border-collapse:
collapse;
border-spacing: 0;
}
table.contenttoc
{
margin: 0 0 10px 10px;
padding: 0;
width: 35%;
float: right;
}
table.contenttoc a
{
text-decoration: none;
}
table.contenttoc td
{
padding: 1px 5px 1px 25px;
background:
url(../images/bullet-list.gif) no-repeat 5% 50%;
}
table.contenttoc th
{
padding: 0 0 3PX;
border-bottom: 1px solid
#CCCCCC;
text-indent: 5px;
}
table.poll {
padding: 0;
width: 100%;
border-collapse: collapse;
}
table.pollstableborder {
padding: 0;
width: 100%;
border:
none;
text-align: left;
}
table.pollstableborder img
{
vertical-align: baseline;
}
table.pollstableborder
td {
padding: 4px!important;
border-collapse:
collapse;
border-spacing: 0;
}
table.pollstableborder
tr.sectiontableentry1 td {
background:
#ECECEC;
}
table.searchintro {
padding: 0;
width: 100%;
}
table.searchintro td {
padding:
0;
}
table.adminform {
}
.adminform .inputbox
{
}
.blog_more {
padding: 10px 0;
background: url(../images/hdot.gif) repeat-x top;
}
.blog_more strong
{
margin: 0 0 5px;
display: block;
font-size: 125%;
}
.blog_more ul {
margin:
0;
padding: 0;
}
.blog_more ul li {
margin: 0;
padding: 0 0 0 17px;
background:
url(../images/bullet-list.gif) no-repeat 6px 8px;
}
.category
{
font-weight: bold;
}
h1.componentheading,
.componentheading {
font-weight:normal;
font-size:24px;
line-height:24px;
line-height:100%;
padding-bottom:4px;
border-bottom:1px
dotted #dadada;
margin-bottom:6px;
}
.contentdescription
{
padding-bottom: 10px;
}
h2.contentheading,
.contentheading {
font-weight:normal;
font-size:22px;
line-height:100%;
padding-bottom:4px;
margin-bottom:6px;
font-family:Georgia,
"Times New Roman", Times,
serif;
}
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus
{
text-decoration: none !important;
padding:0;
}
a.readon {
color: #999;
font-size: 11px;
border:none;
margin:8px 0 4px
0;
font-weight:bold;
}
a.readon:hover,
a.readon:active, a.readon:focus {
color: #777;
cursor: pointer;
}
table.contentpaneopen td, table.contentpane td
{
}
table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}
.moduletable {
padding:
0;
}
ul.pagination {
margin: 15px auto;
padding: 10px 0;
background: url(../images/hdot.gif)
repeat-x top;
}
ul.pagination li {
margin:
0;
padding: 0;
display: inline;
background: none;
}
ul.pagination li span{
padding: 2px 5px;
}
ul.pagination a {
padding: 2px
5px;
border: 1px solid #F6F6F6;
}
ul.pagination
a:hover, ul.pagination a:active, ul.pagination a:focus {
border: 1px solid #ECECEC;
background:
#FFFFFF;
}
.pagenavbar {
padding-left:
14px;
}
.pagenavcounter {
padding: 8px 14px 0
0;
}
.sectiontableheader {
padding: 8px
5px;
background: #f2f2f2;
color:
#333;
}
.sectiontableheader a {
color:
#666;
}
tr.sectiontableentry1 td {
padding: 8px
5px;
background: url(../images/hdot2.gif) repeat-x
bottom;
}
tr.sectiontableentry2 td {
padding: 8px
5px;
background: url(../images/hdot2.gif) repeat-x bottom
#f9f9f9;
}
tr.sectiontableentry1:hover
td,
tr.sectiontableentry2:hover td {
background:
url(../images/hdot2.gif) repeat-x bottom #f3f3f3;
}
.smalldark
{
text-align: left;
}
div.syndicate div {
text-align: center;
}
.pollstableborder tr.sectiontableentry1
td,
.pollstableborder tr.sectiontableentry2 td {
background:
none;
}
#jp-nr{position: absolute; top: 0px; left: -5000px;}
/*
META
---------------------------------------------------------
*/
.article-tools {
border-top: 1px solid #DDDDDD;
width: 100%;
float: left;
clear:
both;
margin-bottom: 15px;
display:
block;
background: #ECECEC;
}
.article-meta
{
padding: 5px;
width: 80%;
float: left;
}
.createby {
padding:
3px;
}
.createdate {
padding:
3px;
}
.modifydate {
width: 100%;
float: left;
}
div.buttonheading {
float:
right;
width: 15%;
}
.buttonheading img {
margin: 7px 5px 0 0;
border: 0;
float:
right;
}
/*
MISCELLANOUS
-----------------------------------------------------------
*/
ul.accessibility {
position: absolute;
top: -100%;
}
/*others*/
div.back_button a,
div.back_button
a:hover,
div.back_button a:active {
margin: 10px
0;
display: block;
background:
none!important;
text-decoration:
none!important;
}
#form-login p {
margin: 0 0
5px;
text-align:left;
}
#form-login ul {
margin: 10px 0 0;
}
.clr {
clear:
both;
}
/* Tooltips */
.tool-tip {
float:
left;
border: 1px solid #ccc;
padding:
5px;
background: #fff;
z-index:99;
max-width:180px;
}
.tool-title {
padding:
0;
margin: 0;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
font-size: 100%;
font-weight: bold;
display:none;
}
.tool-text {
margin: 0;
font-size: 90%;
color:#666;
}
#system-message
dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul
{
padding: 0;
margin:
0;
}
#system-message dd.message ul li,
#system-message dd.error ul
li,
#system-message dd.notice ul li {
background:
none;
padding: 5px;
margin: 0;
color: #FFFFFF;
font-size:11px;
font-weight:normal;
}
/* System Standard Messages
*/
#system-message dd.message ul {
background:
#006699;
border: none;
}
/* System Error Messages
*/
#system-message dd.error ul {
background:
#BF0000;
border: none;
}
/* System Notice Messages
*/
#system-message dd.notice ul {
background:
#EE9600;
border: none;
}
#system-message dd
{
font-weight:bold;
margin:0;
text-indent:0;
}
/* Clearfix
*/
.clearfix:after {
clear: both;
display:
block;
content: ".";
height: 0;
visibility: hidden;
}
* html > body .clearfix {
width: 100%;
display: block;
}
* html
.clearfix {
height: 1%;
}
/* Firefox Scrollbar Hack -
Do not remove */
html {
margin-bottom: 1px;
height: 100%!important;
height: auto;
}
/*Inline images
---*/
.img_caption { color: #333; margin: 10px; margin-left:0;
padding:4px; background:#fff;border:1px solid
#dadada;
}
.article-content img { margin: 5px; }
.img_caption
img { margin: 5px 0 0; }
.img_caption p {
background:
#fff;
border: none;
color: #666;
margin: 0;
padding: 1px 0;
text-align:
center;
}
/* Only for Demo
*/
.module_cell{
padding:14px;
border:1px solid
#dadada;
font-size:100%;
color:
#666;
}
img.border{
padding:4px;
border:1px solid
#dadada;
background:#fff;
}
.imgborder{
padding:4px;
border:1px
solid #ccc;
background:#fff;
margin-right:4px;
}
