Есть сайт http://3д-слайдшоу.рф. После переноса с Denwera на хостинг возникли проблемы с отображением в Опере и IE. В Опере шапка сайта частично сдвинута вниз. В IE сдвинут анимированный gif.
Готова заплатить за помощь! Помогите, пожалуйста.
Вот файл CSS.
body { margin:0; padding:0; background:#fff; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5; color:#000; background-color:#82B954; }
table,ul,a,li,img,p,form,hr,dl,dt,dd,div,h1,h2,h3,h4,h5,h6,label { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-size:13px; color:#4172B5; font-weight:bold; text-indent:0; font-family:Arial, sans-serif; }
img { border:none; }
h1 { font-size:24px; }
h2 { font-size:21px; }
h3 { font-size:19px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }
#closeleft { float:left; width:41px; height:auto; min-height:807px; background:url(../images/closerleft.jpg); }
#closeright { float:right; width:24px; min-height:807px; height:auto; background:url(../images/closerright.jpg); }
#animation { position:absolute; width:459px; height:282px; background:url(../images/animranke.gif); }
#top_boxl { float:left; width:440px; height:75px; background-color:#82B954; font-size:17px; text-align:left; }
#top_boxr { float:right; width:440px; height:75px; background-color:#82B954; font-size:17px; color: #fff; text-align:right; font-weight:bold;}
#top-titel { width:400px; background-color:#82B954; height:40px; font-size:35px; font-family:Arial, Tahoma, Verdana, sans-serif; color:#fff; }
#top-titel a { color:#fff; text-decoration:none; }
#top-titel2 { width:400px; height:25px; padding-top:10px; text-align:left; font-size:12px; font-family:Arial, sans-serif; color:#fff; }
.componentheading { text-align:left; color:#836b68; }
#top_boxr h3 { font-size:12px; }
#top { width:880px; }
#topmenu { float:left; width:880px; height:35px; background:url(../images/topmenu.jpg); }
#menu { height:27px; padding:30px 6px 0 0; float:left; }
#topleft { float:left; width:182px; height:57px; }
#header_box { width:880px; height:353px; background-repeat:no-repeat; }
#header { float:left; width:880px; height:353px; background:url(../images/titleimage.jpg); background-repeat:no-repeat; }
#head_menu { float:left; width:880px; height:33px; background:url(../images/optionbar.gif); background-repeat:no-repeat; }
#head_bot { width:880px; }
#serach_box { float:left; width:390px; height:38px; background:url(../images/header_bot_stripe.png) center right no-repeat; }
#search { padding:5px 0 0 20px; color:#595959; font-family:Arial, sans-serif; font-size:14px; }
.search { float:left; }
#date_box { float:right; width:250px; height:30px; }
#date { padding:8px 15px 0; color:#fff; text-align:right; }
#container { width:880px; text-align:left; }
#left_mod { width:240px; overflow:hidden; }
#right_col { float:left; width:879px; background-image:url(../images/pingline.jpg); background-repeat:no-repeat; border-right:1px solid #b9a58f; border-bottom:1px solid #b9a58f; background-color:#4172B5; }
#content { float:left; width:613px; }
#content_innen { width:620px; padding:5px; border-left:1px solid #b9a58f; border-right:1px dashed #b9a58f; background-color:#FFF; min-height:400px; }
#pathway_box { width:880px; height:19px; color:#4A4A4A; padding:2px 11px 0; text-align:left; }
#mainbody { width:553px; }
#mainbody_innen { width:610px; padding:0; overflow:hidden; }
#mainbody table tr { }
;
.contentpaneopen td p a,.contentpaneopen td p a:visited { color:#333; }
#right_box { float:right; width:247px; background-color:#4172B5; }
#right_modul { width:240px; padding-left:11px; overflow:hidden; }
#footer a { color:#b9a58f; }
/*************************************************************************/
#right_modul div.module a:link,#right_modul div.module a:visited,#right_modul div.module_text a:link,#right_modul div.module_text a:visited { color:#ffff00; text-decoration:none; }
#right_modul div.module a:hover,#right_modul div.module_text a:hover { color:#82B954; text-decoration:none; }
#right_modul div.module h3,#right_modul div.module_text h3 { background:none; font-family:Arial, sans-serif; color:#fff; text-indent:0; font-size:15px; height:20px; line-height:20px; font-weight:bold; margin-bottom:7px; text-align:center; }
#right_modul div.module,#right_modul div.module_text { width:240px; background:url(../images/moebel-b.gif) left bottom repeat-y; margin:10px 0; }
#right_modul div.module div,#right_modul div.module_text div { width:240px; background:url(../images/moebel-t.gif) top left no-repeat; margin:10px 0; }
#right_modul div.module div div,#right_modul div.module_text div div { width:240px; background:url(../images/moebel-f.gif) bottom left no-repeat; }
#right_modul div.module div div div,#right_modul div.module_text div div div { width:216px; padding:8px 22px 15px 15px; color:##2020e6; font-size:15px; text-align:left; }
#right_modul div.module div div div div,#right_modul div.module_text div div div div { padding:0; margin:0; background:none; }
/*************************************************************************/
#right_modul div.module_menu a:link,#right_modul div.module a:visited{ color:#fff; text-decoration:none; }
#right_modul div.module_menu a:hover, #right_modul div.module_text a:hover { color:#82B954; text-decoration:none; }
#right_modul div.module_menu h3 { background:none; font-family:Arial, sans-serif; color:#fff; text-indent:0; font-size:15px; height:20px; line-height:20px; font-weight:bold; margin-bottom:17px; text-align:center; }
#right_modul div.module_menu { width:240px; margin:10px 0; }
#right_modul div.module_menu div { width:240px; background:url(../images/menu-t.gif) top left no-repeat; margin:10px 0; }
#right_modul div.module_menu div div { width:240px; }
#right_modul div.module_menu div div div { width:216px; padding:18px 22px 15px 10px; color:#EEE6D1; font-size:10px; text-align:left; }
#right_modul div.module_menu div div div div { padding:0; margin:0; background:none; }
#right_modul div.module_menu ul { font-size:15px; list-style:none; }
/*************************************************************************/
#mainlevel-nav a:hover { text-align:left; color:#707070; text-decoration:underline; display:block; }
#mainlevel-nav { font-size:13px; list-style:none; color:#fff; text-align:left; display:block; }
#mainlevel-nav a { color:#fff; display:block; text-decoration:none; }
#mainlevel-nav ul { list-style-image:none; list-style-position:outside; list-style-type:none; }
#mainlevel-nav li { float:left; margin:0; padding:10px; text-align:left; }
.blog_more { font-size:13px; list-style:none; text-align:left; padding-top:15px; }
.blog_more a { color:#333; text-decoration:none; }
.blog_more ul { border:1px dashed #777; list-style-type:none; }
.blog_more li { float:left; margin:0; text-align:left; }
/*************************************************************************/
.title { padding-left:20px; }
.navbar { background:url(../images/navline.jpg) no-repeat; height:52px; }
.nav { margin:0; padding-left:30px; padding-top:18px; }
.nav ul { list-style:none; margin:0; padding:0; }
.nav li { margin:0; padding:0; display:inline; float:left; background:none!important; position:relative; top:-10px!important; }
.nav a,.nav a:visited { display:block; font-size:16px; font-weight:bold; color:#fff; text-decoration:none; padding-right:25px; padding-left:25px; padding-bottom:18px; padding-top:5px; z-index:1; }
.navbar a:hover { text-align:center; text-decoration:underline; padding-right:25px; padding-left:25px; padding-bottom:18px; padding-top:5px; }
.mainColumn { margin:0; padding-top:5px; padding-left:5px; padding-right:5px; }
#leftColumn { float:left; width:210px!important; overflow:hidden; }
.column div { background:url(../images/left_column_bg.gif) repeat-y left; padding:0; }
.column h3 { color:#243515; margin:0; text-align:left; width:209px; position:relative; padding:8px; padding-left:35px; padding-top:12px; font-size:1.2em; font-weight:bold; }
.inner_content { padding-top:15px; padding-right:5px; padding-left:8px; padding-bottom:5px; }
.column div div { background:url(../images/left_column_header.gif) no-repeat left top; }
.column div div div { background:none; background:url(../images/left_column_bottom.gif) no-repeat left bottom; }
.column div div div div { background:none; padding:10px 0 20px 10px; }
.column div div div div h3 { padding-top:0; color:#fff; }
.column ul { margin:0; padding:0; list-style:none; margin-left:8px; margin-right:11px; }
.column li { margin:0; padding:0; }
.column li a,.column li a:visited { display:block; margin:0; padding:3px; border-bottom:solid 1px #5d2100; color:#000; width:93%; font-weight:bold; padding-left:5px; text-decoration:none; }
.contentheading { font-size:1.5em; color: #4172B5;}
.article_column { padding:10px; margin:5px; border:1px solid #f8eee4; background-color:#ebdbca; }
.column_separator { border-left:solid 3px #E4D2BF; }
.small { font-size:.8em; }
.contenttoc { background:#efefef; color:#1a1a1a; padding:5px; }
.createdate { }
.modifydate { font-size:.8em; }
.contentpaneopen td p a,.contentpaneopen td p a:visited { color:#008000; }
.category { color:0; }
.category a,a:visited { color:#ffff00; font-weight:bold; }
.sectiontableentry1 td a { color:#944f52; }
.sectiontableentry2 td a { color:#a3756c; }
.blogsection { color:#a3756c; }
.pagenav { color:#a3756c; }
.readon { color:#a3756c; }
.toclink { color:#a3756c; }
.sectiontableentry1 td a,a:visited { color:color: #a3756c; }
.sectiontableentry2 td a,a:visited { color:0; }
.blogsection a,a:visited { color:0; }
.pagenav a,a:visited { color:0; }
.readon a,a:visited { color:0; }
.toclink a,a:visited { color:0; }
<?php
/**
* @copyright Copyright (C)Moebel-idea.de
* @license Linkware / GPL
* If you use this template or parts of it, please setup a link or sponsorlink to us: www.moebel-ideal.de
* or leave the link in the navigation-part untouched.
* thanks for being fair. Timo
* btw - you find more animated themes on http://www.actiview.de
*/
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<?php
if ( $my->id ) initEditor();
$mosConfig_live_site = JURI :: base();
$name = $mainframe->getTemplate();
$path = $mosConfig_live_site . 'templates/'.$name.'/';
?>
<link rel="stylesheet" href="<?php echo $path;?>css/template.css" type="text/css" />
<link rel="shortcut icon" href="<?php echo $path;?>images/favicon.ico"/>
</head>
<body>
<div align="center"><div style="width:945px;">
<div id="closeleft"></div><div id="closeright" ></div><div id="animation"></div>
<div style="width:945px;height:75px;"><div id="top_boxl"><div id="top-titel"><a href="index.php"><?php echo $this->params->get('Site-Title'); ?></a></div>
<div id="top-titel2"><?php echo $this->params->get('Site-Description'); ?></div></div>
<div id="top_boxr"><?php if($this->countModules('top')) : ?><jdoc:include type="modules" name="top" style="xhtml"/><?php endif; ?></div>
</div>
<div id="topmenu" style="z-index:1;"><jdoc:include type="modules" name="user3" />
</div>
<div id="header"></div>
<div id="head_menu"><div id="head_bot">
<div id="serach_box"><div id="search">
<jdoc:include type="modules" name="user4" style="xhtml"/>
</div></div>
<div id="date_box"><div id="date"><?php echo JHTML::_('date', 'now', '%A, %d %b %Y' ); ?>
</div></div>
</div></div>
<div>
<div id="right_col"> <div id="pathway_box">
<jdoc:include type="modules" name="breadcrumb" style="html"/>
</div>
<div id="content">
<div id="content_innen">
<div id="mainbody_innen"><div id="mainbody"><jdoc:include type="message" /><jdoc:include type="component" style="html"/></div></div>
<div id="banner" align="center"><jdoc:include type="modules" name="banner" style="xhtml"/></div>
</div>
</div>
<div id="right_box">
<div id="right_modul"><jdoc:include type="modules" name="left" style="rounded"/>
<jdoc:include type="modules" name="right" style="rounded"/>
<br/>
<div>
<div id="footer" style="visibility: hidden;"><a href="http://www.joomla.org">Joomla!</a> ist freie, unter der <a href="http://www.gnu.org/licenses/gpl-2.0.html">GNU/GPL-Lizenz</a> veröffentlichte Software.<br>
Design von <a href="http://www.moebel-ideal.de" title="Moebel Onlineshop">www.Moebel-Ideal.de</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
04.09.2024, 20:36:06