Sul monitor 16:9 perfetto,su quello 4:3 errori! Ciao ragazzi...si tratta di un template scaicato su questo sito
Il problema sta nel fatto che sul mio monitor 16:9 visualizzo il sito in maniera impeccabile ma se si va a visualizzarlo su un monitor un pò datato 4:3 i menu vengono spostati e succedono casini...
qui di seguito posto il css...
speriamo che qualcuno possa aiutarmi.
/* CSS design by gorotron // Modded for Joomla! by pc-erlernen.de */
#container {
margin:0 auto;
background:#ffffff url(../images/bg2.gif) repeat-y;
width:830px;
height:auto;
height:100%;
padding:10px 13px;
font:11px arial,helvetica,sans-serif;
color:#333;
border-top: 3px solid #558C99;
border-bottom: 3px solid #558C99;
margin-left:285;
padding-left:285;
}
#left {
width:600px;
padding-right:10px;
margin-right:10px;
float:left;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #808080;
}
#header {
padding-top:10px;
width:600px;
height:209px;
background:#000 url(../images/nav.jpg) no-repeat;
margin-bottom:10px;
}
#nav {
padding-top:10px;
width:300px;
padding:5px 0 0 300px;
}/* Gilt nicht für IE */
html >#navBar {
padding:0 0 0 70px;
list-style:none;
}
/* Gilt nur für IE */
* html #navBar {
padding:0 0 0 50px;
list-style:none;
}
#navBar li {
margin-bottom:4px;
list-style:none;
}
#navBar a {
height:14px;
color:#ffffff;
background-color:#cba228;
text-decoration:none;
display:block;
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
padding:0 4px;
}
#navBar a:hover {
background-color:#558C99;
display:block;
}
#right {
width:209px;
float:left;
}
p {
line-height:1.5em;
margin:8px 0;
}
h1 {
color:#558C99;
font-size:22px;
margin:0;
}
h2 {
font-size:13px;
color:#558C99;
margin:5px 0;
}
h3 {
color:#558C99;
font-size:10px;
margin:0;
font-weight:normal;
}
.divider {
margin:10px 0;
border-bottom:1px solid #EAEAEA;
padding:0;
display:block;
}
#clear {
clear:both;
height:10px;
margin-top:10px;
padding-top:10px;
background:#FFF url(../images/bg3.gif) no-repeat;
text-align:center;
color:#999;
}
#clear a {
text-decoration:none;
color:#999;
}
#clear a:hover {
color:#FC3;
}
a:link {
color: #cba228;
text-decoration: none
}
a:hover {
color: #558C99;
text-decoration: none
}
a.mainlevel:link, a.mainlevel:visited {
display: block;
font-size: 1em;
padding-bottom: 2px;
width: 170px;
color: #123456;
line-height: 16px;
padding-top: 2px;
border-bottom: #4c514d 1px solid;
letter-spacing: 0px;
text-align: left;
text-decoration: none
}
a.mainlevel:hover {
color: #ffffff;
background-color: #4c514d
}
a.mainlevel_active-top:hover {
color: #123456;
background-color: #fafafa
}
a.mainlevel-top#active_menu-top {
border-right: #ededed 1px solid;
padding-right: 8px; display: block;
padding-left: 8px;
font-weight: normal;
font-size: 11px;
margin-bottom: 0px;
width: 80px; color: #123456;
line-height: 59px;
height: 59px;
background-color: #f8fcfd;
text-align: center;
text-decoration: none
}
a.mainlevel-top:link, a.mainlevel-top:visited {
border-right: #ededed 1px solid;
padding-right: 8px;
display: inline;
padding-left: 8px;
font-weight: normal;
font-size: 11px;
float: left;
margin-bottom: 0px;
width: 80px;
color: #666666;
line-height: 59px;
height: 59px;
background-color: transparent;
text-align: center;
text-decoration: none
}
a.mainlevel-top:hover {
color: #123456;
background-color: #f8fcfd;
}
a.readon:link, a.readon:visited {
clear: right;
display: block;
font-size: 11px;
float: none;
color: #cba228;
text-decoration: none;
font-weight:bold;
}
a.readon:hover, .comment:hover {
color: #898E79;
background-color: transparent;
text-decoration: none;
font-weight:bold;
}
a.sublevel:link, a.sublevel:visited {
background-position: left 50%;
display: block;
font-size: 11px;
background-image: url(../images/pfeil.png);
padding-bottom: 2px;
width: 170px;
color: #fb7000;
text-indent: 20px;
line-height: 16px;
padding-top: 2px;
border-bottom: #4c514d 1px solid;
background-repeat: no-repeat;
letter-spacing: 0px;
text-align: left;
text-decoration: none
}
a.sublevel:hover {
color: #c0c0c0;
text-decoration: none
}
a.weblinks:link, a.weblinks:visited {
font-weight: normal;
color: #ff9900;
text-decoration: none
}
a.weblinks:hover {
color: #999999;
text-decoration: underline
}
fieldset {
border-right: #fafafa 0px solid;
border-top: #fafafa 0px solid;
border-left: #fafafa 1px solid;
border-bottom: #fafafa 1px solid
}
.button {
font-size: 11px;
border-right: #4c514d 1px solid;
border-top: #4c514d 1px solid;
border-left: #4c514d 1px solid;
border-bottom: #4c514d 1px solid;
color: #000000;
background-color: #cccccc
}
.button:hover {
color: #ff8c00
}
.smartinhalt {
padding-top: 20px;
padding-bottom: 5px;
position:relative;
text-align:left;
}
.linkespalte {
float: left;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
width: 200px;
text-align: left
}
.mainbody {
border-left: #4c514d 1px solid;
border-right: #4c514d 1px solid;
text-align: left;
font:10px arial,helvetica,sans-serif;
}
#mainbody li {
list-style-position: inside;
line-height: 20px;
list-style-type: square;
font:10px arial,helvetica,sans-serif;
}
img {
border-right: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px
}
input.inputbox, input.inputbox#mod_login_password {
background-color: #f1efe8;
font-size: 11px;
color: #666666;
border-right: #999999 1px solid;
border-top: #999999 1px solid;
border-left: #999999 1px solid;
border-bottom: #999999 1px solid
}
.componentheading {
line-height:1em;
color:#123456;
} /* Format des Titel der Komponente */
.contentheading{
font-size:15px;
font-weight:bold;
color:#558C99;
padding-left:20px;
background:url(../images/icon-1.png) left no-repeat;
} /* Format des Titel des Inhalts*/
.contentpane {
font-weight:normal;
padding:5px
}
.contentpaneopen {
border-bottom:1px dotted;
border-color:#A69D95;
margin:5px 10px 5px 5px
} /* Tabelle die den aktuellen Text eines Artikels hat */
.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:link, a.contentpagetitle:visited, .contentdescription {
padding:5px;
background: #EDEDED
} /*Titel eines Artikel */
table.contenttoc, table.contenttoc td, table.contenttoc th, table.contenttoc td.toclink, a.toclink:link, a.toclink:visited, a.toclink:hover {
padding:5px;
background: #EDEDED
} /* Format für die Tabelle einer Tabelle mit mehreren Inhalten oder Artikel */
/* JOOMLA! SEKTION LISTE EINSTELLUNG*/
.sectiontableheader, .sectiontableentry1, .sectiontableentry2 {
padding:5px
} /* Format für die Liste der Sektione */
.createdate, .modifydate {
font-size: 1.4em
} /*Format für Datum und Autor */
.small {
font-size:10px;color:#123456
}
.smalldark {
font-size:10px;color:#B60000
} /* Format für Umfrageergebnisseite, für " Number of Voters" */
/* Umfrage */
.poll {
font-weight:normal;
padding:5px;
background: #EDEDED
} /* Format für td der Umfragetabelle */
.pollstableborder {
font-weight:normal;
padding:5px;
background: #EDEDED
} /* Eigenschaften der Umfragetabelle */
/* Weblinks */
.weblinks, a.weblinks:hover{
font-weight:normal;
padding:5px;
background: #EDEDED
}
/* Newsfeeds */
.newsfeedheading, .newsfeeddate {
font-weight:normal;
padding:5px;
background: #EDEDED
} /* Format des Newsfeed Titels */
/* Suche */
table.searchintro {
text-align:left;
font-size: 1.4em;
line-height:1em;
color:#123456;
line-height: 1.5
} /* Format für "Search Keyword: test returned 4 matches" Box, die nach der Suche angezeigt wird. */
