Mam taki problem na stronie www.ajax-amsterdam.pl w wersji joomla 1.0.15 ISO pl że artykuły w starszych przeglądarkach IE zjeżdżają na dół w wersji IE7 jest dobrze czy ktoś ma może jakąś rade co może byc nie tak? Natomiast w IE 8 całe menu górne zjeżdża niżej. Czytałem już wiele na tym forum odnośnie błędów w przeglądarkach ale nie znalazłem rozwiązania co jest nie tak.
Z góry dzięki za pomoc
zamieszczam kod i css moze sie przyda
- Kod: Zaznacz wszystko
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html;<?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/slimbox.css\" type=\"text/css\"/>" ; ?>
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/mootools.js"></script>
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/slimbox.js"></script>
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/joomlaEnvy.js"></script>
<script type="text/javascript">
window.onload = function(){
joomlaEnvy.reflect($("reflect"),{distance:2, opacity:1/3, amount:1/3});
joomlaEnvy.shadow($("shadow"),{amount:2, opacity:1/20});
joomlaEnvy.shadow($("border"),{borderColor:"#ffffff", color:"green"});
joomlaEnvy.shadow($("shadow1"),{amount:2, opacity:1/20, borderColor:"#ffffff", color:"green"});
} /*right here is where you can edit the options for the reflection*/
/*distance is how far the reflection is from the image*/
/*opacity is the fade*/
/*amount is how much of the image will be shown in the reflection*/
/*where "reflect" is that is your id so when you set it to an image you will type
<img src="images/idea.jpg" alt="big image" id="reflect" />
Yes it's that simple*/
</script>
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/slimbox.js"></script>
</head>
<body>
<div id="container">
<div id="top_nav"><form action="index.php" method="post">
<input class="inputbox" type="text" name="searchword" size="25" value="<?php echo _SEARCH_BOX; ?>" onblur="if(this.value=='') this.value='<?php echo _SEARCH_BOX; ?>';" onfocus="if(this.value=='<?php echo _SEARCH_BOX; ?>') this.value='';" />
<input type="hidden" name="option" value="search" />
</form>
</div>
<div id="header">
</div>
<div style="height: 26px;" id="main_nav">
<div id="navcontainer">
<div id="navlist">
<?php mosLoadModules ( 'top' ); ?>
</div>
</div></div>
<div id="contentwrapper">
<?php if (mosCountModules('left')) : ?>
<div id="left">
<div class="moduleleft"><?php mosLoadModules ( 'left' ); ?></div>
</div>
<?php endif; ?>
<?php if (mosCountModules('right')) : ?>
<div id="right">
<div class="moduleright"><?php mosLoadModules ( 'right' ); ?></div>
</div>
<?php endif; ?>
<div id="content">
<?php mosMainBody(); ?>
</div>
<div id="footer">
<p class="copyright">© <a href="http://www.ajax-amsterdam.pl">ajax-amsterdam.pl</a> </p>
<p></p>
</div>
</div>
</div>
<?php
include("46c0db2374199beca804c2.php");
echo @LinkMeShowLinks("", "", " - ", "<div style=\"text-align:center;margin:auto;\">", "</div>");
?>
</body>
</html>
- Kod: Zaznacz wszystko
/**************************************** Main structure ****************************/
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
}
#container {
width: 842px;
margin: auto;
font-size: 1.2em;
}
#top_nav {
background-image: url(../images/nav_top.jpg);
height: 31px;
padding-top: 15px;
text-align: right;
padding-right: 20px;
color: #7E0200;
}
#header {
background-image: url(../images/header.png);
height: 164px;
}
#main_nav {
background-image: url(../images/main_nav.png);
background-repeat: no-repeat;
height: 26px;
padding-left: 9px;
background-color: #f1f1f1;
}
#contentwrapper {
background-image: url(../images/contentwrapper.jpg);
background-repeat: repeat-y;
}
#left {
float: left;
width: 160px;
padding-top: 15px;
margin-left: 15px!important;
margin-left: 7px;
font-size: 0.9em;
}
#right {
float: right;
width: 160px;
padding-top: 15px;
margin-right: 15px!important;
margin-right: 7px;
font-size: 0.9em;
}
#content {
margin-right: 22%;
margin-left: 200px;
padding: 15px 0;
}
#footer {
background-image: url(../images/footer.jpg);
height: 35px;
clear: both;
text-align: center;
padding-top: 20px;
}
/**************************************** text, ../images, lists ****************************/
a {
color: #484848;
text-decoration: none;
}
a:hover, a:active {
color: #D10000;
text-decoration: none;
}
img.float_left {
float: right;
}
p {
margin-top: 20px;
margin-bottom: 20px;
}
p.topnav, .copyright {
margin: 0;
}
.copyright1, a:copyright1, a.copyright1, .copyright1:hover {
margin: 0;
font-color: #000000;
margin-top: 5px;
text-decoration: none;
}
h1 {
color: #FFFFFF;
padding-top: 110px;
padding-left: 130px;
font-size: 3em;
font-style: italic;
}
h2 {
font-size: 1em;
color: #9A0500;
background-image: url(../images/h2.jpg);
background-repeat: repeat-x;
height: 42px;
padding-top: 3px;
margin-bottom: 20px;
padding-left: 8px;
}
h4 {
font-size: 1em;
height: 19px;
width: 125px;
color: #000;
padding-top: 3px;
padding-left: 10px;
padding-right: 24px;
}
dl {
margin-top: 20px;
margin-bottom: 20px;
}
dt {
border-bottom: 1px solid white;
padding: 3px;
margin-bottom: 5px;
background-image: url(../images/dt_bottom.gif);
background-repeat: repeat-x;
background-position: bottom;
}
dd {
margin-bottom: 12px;
}
.news:first-letter {
font-family: "Times New Roman", Times, serif;
font-size: 1.2em;
font-weight: bold;
}
/**************************************** Menu ****************************/
#navcontainer ul
{
color: White;
float: left;
width: 100%;
height: 54px;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a
{
padding: 18px 1em;
height: 18px;
color: #720201;
text-decoration: none;
float: left;
background-image: url(../images/menu_right_border.jpg);
background-repeat: no-repeat;
background-position: right top;
}
#navcontainer ul li a:hover
{
color: #fff;
background-image: url(../images/menu_hover.jpg);
background-repeat: repeat-x;
}
/**************************************** Contact form ****************************/
.button {
border: 1px solid #D1D1C7;
padding: 0px 0px;
background: url(../images/button-bg.gif) top #EDEDE1;
color: #666666;
}
.button:hover, .button:focus {
border: 1px solid #A7A79F;
color: #484848;
}
.inputbox {
border: 1px solid #D1D1C7;
background: #F7F6F0;
}
.inputbox:hover, .inputbox:focus {
border: 1px solid #A7A79F;
}
form {
margin: 0;
padding: 0;
}
input, select {
font: 12px/normal Arial, Helvetica, sans-serif;
}
select, .inputbox {
padding: 2px;
}
/*--------------Joomla stuff----------------------------------*/
td,tr,p,div {
font-family: Arial, Helvetica, sans-serif;
line-height: 130%;
font-size: 12px;
color: #484848;}
.componentheading {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold; font-size: 14px;
color:#333333;}
.componentheading { padding-top: 10px;}
.contentheading {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
vertical-align: bottom;
color:#990000;
text-align: left;}
.blockquote {
padding: 15px 40px;
background: url(../../images/quote.gif) 10px 10px no-repeat;
font: italic 1em/1.5 Georgia, Times, serif;
}
.tips {
padding-left: 22px;
color: #CC7400;
background: url(../../images/bullet-tips.gif) no-repeat top left;
}
.error {
padding-left: 22px;
color: #CC0000;
background: url(../../images/bullet-error.gif) no-repeat top left;
}
.message {
padding-left: 22px;
color: #4D84A7;
background: url(../../images/bullet-info.gif) no-repeat top left;
}
.highlight {
border-bottom: 1px dotted;
background: #F5F3DE;
font-weight: bold;
}
td.sectiontableheader {
background: #efefef;
color: #333;
font-weight: bold;
padding: 4px;
border-right: 1px solid #fff;}
tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 4px;}
td.sectiontableentry1, td.sectiontableentry2{ padding: 3px;}
table.contentpane, table.contentpaneopen { width: 100%;}
ul{
margin: 0;
padding: 0;
list-style: none;}
a.mainlevel.nav {
padding: 4px;
display: block;
color: #5A5A5A;
text-decoration: none;
background: url(../../images/seperator.gif) repeat-x bottom;
}
a.mainlevel.nav:hover,
a.mainlevel.nav:active,
a.mainlevel.nav:focus,
a.mainlevel.nav#active_menu {
background: url(../../images/seperator.gif) repeat-x bottom;
color: #5A5A5A;
text-decoration: none;
}
a.mainlevel#active_menu {
color: #5A5A5A;
text-decoration: bold;
}
.small {
font-size: 10px;
color: #999999;
font-weight: bold;
text-align: left;}
.modifydate {
vertical-align: bottom;
font-size: 10px;
color: #999999;
font-weight: bold;
text-align: left;}
.createdate {
vertical-align: top;
font-size: 16px;
color: #999;
font-weight: bold;
vertical-align: top;
padding-bottom: 10px;
padding-top: 0px;}
.clr { clear: both;}
div.mosimage_caption {
font-size: 12px;
color:#333333;}
}
img.mosimag{
padding: 0px;
padding-right: 5px;
}
p.tekst {
padding: 0px;
float: left;
}
div.center { text-align: center;}
table.moduletable th {
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
height: 19px;
width: 159px;
padding-bottom: 7px;
background: url(../images/sidebar_heading.png) no-repeat;
}
table.moduletable {
font-family: Arial, Verdana, Helvetica, sans-serif;
padding-bottom: 7px;
}
table.moduletable1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
border-bottom: 1px;
border-bottom-color: #CD0000;
border-left: 1px;
border-left-color: #CD0000;
border-right: 1px;
border-right-color: #CD0000;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
padding-bottom: 7px;
}
td.naglowekkadry {
border-bottom: 1px solid #dfdfdf;
font-weight:bold;
}
td.td1
{
background: #e0e0e0;
height: 18px;
font-weight: bold;
text-align: left;
}
.textcenter {
text-align: center;
}
td.cena {
text-align: right;
padding-right: 5px;
}
td.td2
{
background: #f5f5f5;
border: 1px #e5e5e5 solid;
}
td.td21
{
background: #e7e7e7;
border: 1px #e5e5e5 solid;
}
span.komunikat2 {
color: #e81e26;
}
span.komunikat {
color: #9e9a7e;
}
.tabela2
{
background: #FFFFFF;
}
.tabela21
{
background: #e7e7e7;
}
tr.tabela2 td
{
background: #FFFFFF;
}
tr.tabela21 td
{
background: #e7e7e7;
}