Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : cefano 16 Feb 2009, 14:15:20
-
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. */
-
Ciao Cicciopasticcio,
l'aspect ratio (16:9 o 4:3) è poco indicativa.
La cosa determinante è la risoluzione video.
I monitor datati di cui parli che risoluzione hanno (in pixel)?
1024x768?
800x600?
Certo.. tipicamente i nuovi monitor wide screen (e quindi anche 16:9) partono da risoluzioni maggiori di quelle che ti ho elencato e quindi difficilmente "i menù vengono spostati e succedo i casini".
Considera che 1024x768 è ancora la risoluzione di riferimento (con buona pace di chi naviga ancora ad 800x600).
;)
-
...allora i monitor su cui ho visualizzato il sito sono dei 4:3 comn una risoluzione di 1024*768
ma la cosa strana è che se imposto questa risoluzione sul mio monitor...il sito continua a vedersi bene anke se la risoluzione e in 4:3
??? ??? ???
-
Sai che mica ho capito? :P
-
Ciao r-evolving, se ho capito bene io, avevi ragione tu...
-
Ciao r-evolving, se ho capito bene io, avevi ragione tu...
..hai capito che non sono stato capito??? ;) ;) ;)
-
Ciao r-evolving, se ho capito bene io, avevi ragione tu...
..hai capito che non sono stato capito??? ;) ;) ;)
No, che il problema è la risoluzione... con 1024*768 si vece bene anche in 4:3
-
allora r-volving
provo a spiegarmi meglio
il template in questione si vede bene su tutti i monitor 16:9 anke se imposto una risoluzzione 4:3
se invece lo guardo con un monitor 4:3 (che avviamente non supporta risoluzioni 16:9)
il template si vede sfasato
-
Ciao, ma non hai un link su cui si possa verificare questo problema?
-
certo...cutroweb.net
ragazzi...però mi è venuto un terribile dubbio...
su tutti i monitor 4:3 su cui ho visualizzato il sito c'erano versioni precedenti all?IE 7 (credo la 6o giù di lì)
quindi a limite potrebbe nn essere un problema di monitor quanto di browser....
-
up
-
Ciao cicciopasticcio.
con IE7 e FF3, risoluzione 1024x768, monitor 4:3 si vede benissimo senza problemi
-
Salve a tutti,
intervengo solo per segnalare un servizio on line molto utile secondo me; lo conoscerete quasi sicuramente: http://browsershots.org/
Questo servizio offre la possibilità di vedere degli screenshot del vostro sito con differenti browser.
magari vi può aiutare :)