Полезная информация
В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.
Страницы: 1
- Форумы
- » Проблемы с сайтами
- » Проблема с CSS в Firefox
№121-03-2011 15:58:15
Проблема с CSS в Firefox
На сайте http://avtoexpert-kmv.ru такая проблема: в IE, google chrome всё нормально, а в Mozila firefox неочень(внизу находится информер Livesearch, в мозиле он слишком приплюснут к низу, да и сама чёрная полоса увеличилась). Вот коды index.php
Выделить код
Код:
<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted index access' );
?>
<?php
/*------ Template Variables --------*/
$panelMenu = $this->params->get("panelMenu", 0);
$superfish = $this->params->get("superfish", 1);
$templateWidth = $this->params->get("templateWidth","1200px");
$logoStyle = $this->params->get("logoStyle","Blue");
$openPanel = $this->params->get("openPanel", "Open Panel");
$bgStyle = $this->params->get("bgStyle", "complexWhite");
$hilite = $this->params->get("hilite", "Red");
$sfEffect = $this->params->get("sfEffect", "5");
$ie6Warning = $this->params->get("ie6Warning", "1");
if ($sfEffect == "1") {
$sfType = 'height:"show"';
}
else if ($sfEffect == "2") {
$sfType = 'width:"show"';
}
else if ($sfEffect == "3") {
$sfType = 'opacity:"show"';
}
else if ($sfEffect == "4") {
$sfType = 'width:"show", opacity:"show"';
}
else if ($sfEffect == "5") {
$sfType = 'height:"show",opacity:"show"';
}
else if ($sfEffect == "6") {
$sfType = 'height:"show", width:"show",opacity:"show" ';
}
else if ($sfEffect == "7") {
$sfType = 'height:"show", width:"show"';
}
?>
<!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" />
<link rel="shortcut icon" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/favicon.ico" />
<!-- Import Style Sheets-->
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link href="templates/<?php echo $this->template ?>/css/template_css.css" rel="stylesheet" type="text/css" media="screen" />
<link href="templates/<?php echo $this->template ?>/css/style<?php echo $hilite ?>.css" rel="stylesheet" type="text/css" media="screen" />
<!--[if lte IE 6]>
<?php if ($ie6Warning) { ?>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.badBrowser.js"></script>
<?php } ?>
<link rel="stylesheet" type="text/css" href="templates/<?php echo $this->template ?>/css/ie_6.css" media="screen, projection" />
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/DD_belatedPNG0.0.7a-min.js"></script>
<script>
DD_belatedPNG.fix('#topShadow,#leftCol ul li a,#rightCol ul li a,#leftCol ul li span.separator,#rightCol ul li span.separator,#leftCol ul li a:hover,#rightCol ul li a:hover,blockquote,#logo img,.search,a.readon,a#open,#leftCol h3,#rightCol h3,.trigger img, .nopopup img');
</script>
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="templates/<?php echo $this->template ?>/css/ie_7.css" media="screen, projection" />
<![endif]-->
<?php if ($superfish) { ?>
<script type="text/JavaScript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/superfish.js"></script>
<?php } ?>
<?php if($this->countModules('panel1') or $this->countModules('panel2') or $this->countModules('panel3') or $this->countModules('panel4')) { ?>
<script type="text/JavaScript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.popup.js"></script>
<?php } ?>
<?php if ($panelMenu) { ?>
<!-- Panel Menu-->
<script type="text/JavaScript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/accordionMenu.js"></script>
<?php }?>
<?php if ($this->CountModules('search') <= 0) { ?>
<style type="text/css" media="screen">
#nav {width:98%}
</style>
<?php } ?>
<?php
define( 'YOURBASEPATH', dirname(__FILE__) );
require(YOURBASEPATH .DS."vars.php");
?>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
<?php if ($superfish == "yes") : ?>
jQuery("#nav ul")
.superfish({
animation : {<?php echo $sfType ?>},
delay : 1000
});
<?php endif; ?>
jQuery("toggle").click(function () {
jQuery("p.hidden").toggle("slow");
});
});
</script>
</head>
<body>
<div id="fold"></div>
<div id="outsideWrap">
<div id="theme" class="<?php echo $bgStyle ?>">
<div id="topShadow">
<div id="container" style="width:<?php echo $templateWidth?>">
<div class="outerWrapperNone" style="width:<?php echo $templateWidth?>">
<div id="topWrapper">
<div class="innerContainer">
<div id ="veryTopWrapper">
<div id="veryTopLeft">
<div id="live3"><jdoc:include type="modules" name="topleft" style="xhtml"/></div>
</div>
<div id="veryTopRight">
<jdoc:include type="modules" name="topright" style="xhtml"/>
</div>
</div>
<div id="headerWrap">
<div id="logo">
<a href="index.php"><img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template ?>/images/logo.png" width="450" alt="<?php echo $mainframe->getCfg('sitename');?>" /></a>
</div>
<div id="navWrap">
<div id="nav">
<jdoc:include type="modules" name="menu" style="xhtml" />
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class='clear'></div>
<?php if($this->countModules('banner') or $this->countModules('breadcrumb')) : ?>
<div class="outerWrapper" style="width:<?php echo $templateWidth?>">
<div class="innerWrapper" style="width:<?php echo $templateWidth-60?>px">
<?php if($this->countModules('banner')) : ?>
<div id="banner">
<jdoc:include type="modules" name="banner" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('breadcrumb')) : ?>
<!-- Breadcrumb -->
<div id="pathwayWrap">
<div class="pathway">
<jdoc:include type="modules" name="breadcrumb" style="xhtml" />
</div>
</div>
<!-- Breadcrumb -->
<?php endif; ?>
</div>
</div>
<div class="clear"></div>
<?php endif; ?>
<?php if ($topGrid1 > "0") : ?>
<div class="outerWrapper" style="width:<?php echo $templateWidth?>">
<div class="innerWrapper" style="width:<?php echo $templateWidth-60?>px">
<div class="gridWrap">
<div id="topgrid1">
<?php if($this->countModules('grid1')) : ?>
<div id="topgrid1Left_<?php echo $grid1Width ?>">
<jdoc:include type="modules" name="grid1" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid2')) : ?>
<div id="topgrid1Mid1_<?php echo $grid1Width ?>">
<jdoc:include type="modules" name="grid2" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid3')) : ?>
<div id="topgrid1Mid2_<?php echo $grid1Width ?>">
<jdoc:include type="modules" name="grid3" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid4')) : ?>
<div id="topgrid1Right_<?php echo $grid1Width ?>">
<jdoc:include type="modules" name="grid4" style="xhtml" />
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<?php endif; ?>
<?php if ($topGrid2 > "0") : ?>
<div class="outerWrapper" style="width:<?php echo $templateWidth?>">
<div class="innerWrapper" style="width:<?php echo $templateWidth-60?>px">
<div class="gridWrap">
<div id="topgrid2">
<?php if($this->countModules('grid5')) : ?>
<div id="topgrid2Left_<?php echo $grid2Width ?>">
<jdoc:include type="modules" name="grid5" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid6')) : ?>
<div id="topgrid2Mid1_<?php echo $grid2Width ?>">
<jdoc:include type="modules" name="grid6" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid7')) : ?>
<div id="topgrid2Mid2_<?php echo $grid2Width ?>">
<jdoc:include type="modules" name="grid7" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid8')) : ?>
<div id="topgrid2Right_<?php echo $grid2Width ?>">
<jdoc:include type="modules" name="grid8" style="xhtml" />
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<?php endif; ?>
<?php if ($topGrid3 > "0") : ?>
<div class="outerWrapper" style="width:<?php echo $templateWidth?>">
<div class="innerWrapper" style="width:<?php echo $templateWidth-60?>px">
<div class="gridWrap">
<div id="topgrid3">
<?php if($this->countModules('grid9')) : ?>
<div id="topgrid3Left_<?php echo $grid3Width ?>">
<jdoc:include type="modules" name="grid9" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid10')) : ?>
<div id="topgrid3Mid1_<?php echo $grid3Width ?>">
<jdoc:include type="modules" name="grid10" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid11')) : ?>
<div id="topgrid3Mid2_<?php echo $grid3Width ?>">
<jdoc:include type="modules" name="grid11" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid12')) : ?>
<div id="topgrid3Right_<?php echo $grid3Width ?>">
<jdoc:include type="modules" name="grid12" style="xhtml" />
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<?php endif; ?>
<?php if($this->countModules('top')) : ?>
<div class="outerWrapper" style="width:<?php echo $templateWidth?>">
<div class="innerWrapper" style="width:<?php echo $templateWidth-60?>px">
<!-- Top -->
<div id="top">
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
<!-- End Top -->
</div>
</div>
<div class="clear"></div>
<?php endif; ?>
<!-- MainWrap -->
<div class="outerWrapper" style="width:<?php echo $templateWidth?>">
<div class="innerWrapper" style="width:<?php echo $templateWidth-60?>px">
<div id="mainWrap_<?php echo $mainWidth ?>">
<?php if($this->countModules('left')) : ?>
<!-- Left Column -->
<div id="leftCol_<?php echo $mainWidth ?>" class="column">
<div id="leftCol">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
</div>
<!-- End Left Column -->
<?php endif; ?>
<!-- Main Content -->
<div id="midCol_<?php echo $mainWidth ?>" class="column">
<?php if($this->countModules('advert1')) : ?>
<div id="advert1">
<jdoc:include type="modules" name="advert1" style="xhtml" />
</div>
<?php endif; ?>
<div class="clear"></div>
<div id="mainContent">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
<div class="clear"></div>
<?php if($this->countModules('advert2')) : ?>
<div id="advert2">
<jdoc:include type="modules" name="advert2" style="xhtml" />
</div>
<?php endif; ?>
</div>
<!-- End Main Content -->
<?php if($this->countModules('right')) : ?>
<!-- Right Column -->
<div id="rightCol_<?php echo $mainWidth ?>" class="column">
<div id="rightCol">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div>
<!-- End Right Column -->
<?php endif; ?>
</div><!-- End MainWrap -->
</div>
</div>
<div class='clear'> </div>
<?php if($this->countModules('below')) : ?>
<!-- Below -->
<div class="outerWrapper" style="width:<?php echo $templateWidth?>">
<div class="innerWrapper" style="width:<?php echo $templateWidth-60?>px">
<div id="below">
<jdoc:include type="modules" name="below" style="xhtml" />
</div>
</div>
</div>
<!-- End Below -->
<div class="clear"></div>
<?php endif; ?>
<?php if ($botGrid4 > "0") { ?>
<div class="outerWrapper" style="width:<?php echo $templateWidth?>">
<div class="innerWrapper" style="width:<?php echo $templateWidth-60?>px">
<div class="gridWrap">
<div id="botGrid4">
<?php if($this->countModules('grid13')) : ?>
<div id="botgrid1Left_<?php echo $grid4Width ?>">
<jdoc:include type="modules" name="grid13" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid14')) : ?>
<div id="botgrid1Mid1_<?php echo $grid4Width ?>">
<jdoc:include type="modules" name="grid14" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid15')) : ?>
<div id="botgrid1Mid2_<?php echo $grid4Width ?>">
<jdoc:include type="modules" name="grid15" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid16')) : ?>
<div id="botgrid1Right_<?php echo $grid4Width ?>">
<jdoc:include type="modules" name="grid16" style="xhtml" />
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<?php } ?>
<?php if ($botGrid5 > "0") { ?>
<div class="outerWrapper" style="width:<?php echo $templateWidth?>">
<div class="innerWrapper" style="width:<?php echo $templateWidth-60?>px">
<div class="gridWrap">
<div id="botGrid5">
<?php if($this->countModules('grid17')) : ?>
<div id="botgrid2Left_<?php echo $grid5Width ?>">
<jdoc:include type="modules" name="grid17" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid18')) : ?>
<div id="botgrid2Mid1_<?php echo $grid5Width ?>">
<jdoc:include type="modules" name="grid18" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid19')) : ?>
<div id="botgrid2Mid2_<?php echo $grid5Width ?>">
<jdoc:include type="modules" name="grid19" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid20')) : ?>
<div id="botgrid2Right_<?php echo $grid5Width ?>">
<jdoc:include type="modules" name="grid20" style="xhtml" />
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<?php } ?>
<?php if ($botGrid6 > "0") { ?>
<div class="outerWrapper" style="width:<?php echo $templateWidth?>">
<div class="innerWrapper" style="width:<?php echo $templateWidth-60?>px">
<div class="gridWrap">
<div id="botGrid6">
<?php if($this->countModules('grid21')) : ?>
<div id="botgrid2Left_<?php echo $grid6Width ?>">
<jdoc:include type="modules" name="grid21" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid22')) : ?>
<div id="botgrid2Mid1_<?php echo $grid6Width ?>">
<jdoc:include type="modules" name="grid22" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid23')) : ?>
<div id="botgrid2Mid2_<?php echo $grid6Width ?>">
<jdoc:include type="modules" name="grid23" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('grid24')) : ?>
<div id="botgrid2Right_<?php echo $grid6Width ?>">
<jdoc:include type="modules" name="grid24" style="xhtml" />
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<?php } ?>
<div id="bottomWrap">
<div class="innerWrapper" style="width:<?php echo $templateWidth-60?>px">
<?php if($this->countModules('bottom')) : ?>
<jdoc:include type="modules" name="bottom" style="xhtml" />
<?php endif; ?>
</div>
</div>
<div id="footerWrap">
<!--<div class="innerWrapper" style="width:<?php echo $templateWidth-60?>px">-->
<div class="innerWrapper" style="width:0px">
<?php if ($botmods_mod > "0") { ?>
<div id="botmodsWrap" style="width:<?php echo $templateWidth ?>px">
<div id="botMods">
<?php if($this->countModules('bottom1')) : ?>
<div id="botmodsLeft_<?php echo $botmodsWidth ?>">
<jdoc:include type="modules" name="bottom1" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('bottom2')) : ?>
<div id="botmodsMid1_<?php echo $botmodsWidth ?>">
<jdoc:include type="modules" name="bottom2" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('bottom3')) : ?>
<div id="botmodsMid2_<?php echo $botmodsWidth ?>">
<jdoc:include type="modules" name="bottom3" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('bottom4')) : ?>
<div id="botmodsRight_<?php echo $botmodsWidth ?>">
<jdoc:include type="modules" name="bottom4" style="xhtml" />
</div>
<?php endif; ?>
</div>
</div>
<?php } ?>
<div id="footerShadow">
<div id="footerLeft">
<?php if($this->countModules('footer')) : ?>
<jdoc:include type="modules" name="footer" style="xhtml" />
<?php endif; ?>
<div class="clearfix"></div>
</div>
<!--<div id="footerRight">
<a href="http://www.joomlabamboo.com">
<img class="jbLogo" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/jb.png" alt="Joomla Bamboo" />
</a>
</div>-->
</div>
</div> <div id="live2"><jdoc:include type="modules" name="debug" style="xhtml" /></div>
</div><!--end #footerWrap --> <div id="fon"><div id="live"><jdoc:include type="modules" name="analytics" style="xhtml" /></div></div>
</div><!--end #container -->
<?php if($this->countModules('panel1') or $this->countModules('panel2') or $this->countModules('panel3') or $this->countModules('panel4')) : ?>
<!-- Login -->
<div id="toppanel">
<!-- The tab on top -->
<div class="tab">
<a id="open" rel="#panelInner" href="#"><?php echo $openPanel ?></a>
</div> <!-- / top -->
<div id="panelInner" class="overlay">
<div id="panel">
<?php if($this->countModules('panel1')) : ?>
<div id="panelLeft_<?php echo $panelWidth ?>">
<jdoc:include type="modules" name="panel1" style="xhtml"/>
</div>
<?php endif; ?>
<?php if($this->countModules('panel2')) : ?>
<div id="panelMidLeft_<?php echo $panelWidth ?>">
<jdoc:include type="modules" name="panel2" style="xhtml"/>
</div>
<?php endif; ?>
<?php if($this->countModules('panel3')) : ?>
<div id="panelMidRight_<?php echo $panelWidth ?>">
<jdoc:include type="modules" name="panel3" style="xhtml"/>
</div>
<?php endif; ?>
<?php if($this->countModules('panel4')) : ?>
<div id="panelRight_<?php echo $panelWidth ?>">
<jdoc:include type="modules" name="panel4" style="xhtml"/>
</div>
<?php endif; ?>
</div> <!-- /login -->
<div class="close"></div>
</div>
<div id="backgroundPopup"></div>
</div> <!--panel -->
<?php endif; ?>
</div><!--end #topShadow -->
</div><!--end #theme -->
</div><!--end #outsideWrap -->
<div class="clear"></div>
</body>
</html>и файла стилей layout.css
Выделить код
Код:
/* @group Containers */
/* @group Background Variations */
#outsideWrap {width: 100%;float: left;background: url(../images/bg.png) repeat-y center 0;margin-bottom: 20px; margin-top: -75px;}
#live {position absolute; float: left; margin-left: 435px ;margin-bottom: -30px;}
#live2 {position absolute; float: left; margin-left: 540px ;margin-top: -18px; }
#live3 {position absolute; float: left; padding-left: 550px ;margin-top: 10px;}
#fon {width: 100%; float: left; background: #fff ;margin-top: 0px;}
#topbg {float: left;width: 100%}
#theme {float: left;width: 100%}
#theme.cloudsNatural{background: url(../images/bg/cloudsNatural.jpg) repeat-x center 0px}
#theme.cloudsNaturalGrunge{background: url(../images/bg/cloudsNaturalGrunge.jpg) repeat-x center 0px}
#theme.cloudsWarm{background: url(../images/bg/cloudsWarm.jpg) repeat-x center 0px}
#theme.cloudsWarmGrunge{background: url(../images/bg/cloudsWarmGrunge.jpg) repeat-x center 0px}
#theme.cloudsApricotGrunge{background: url(../images/bg/cloudsApricotGrunge.jpg) repeat-x center 0px}
#theme.cloudsGreen{background: url(../images/bg/cloudsGreen.jpg) repeat-x center 0px}
#theme.cloudsGreenGrunge{background: url(../images/bg/cloudsGreenGrunge.jpg) repeat-x center 0px}
#theme.cloudsOrange{background: url(../images/bg/cloudsOrange.jpg) repeat-x center 0px}
#theme.cloudsOrangeGrunge{background: url(../images/bg/cloudsOrangeGrunge.jpg) repeat-x center 0px}
#theme.cloudsPink{background: url(../images/bg/cloudsPink.jpg) repeat-x center 0px}
#theme.cloudsPurple{background: url(../images/bg/cloudsPurple.jpg) repeat-x center 0px}
#theme.cloudsPurpleGrunge{background: url(../images/bg/cloudsPurpleGrunge.jpg) repeat-x center 0px}
#theme.cloudsRose{background: url(../images/bg/cloudsRose.jpg) repeat-x center 0px}
#theme.cloudsRoseGrunge{background: url(../images/bg/cloudsRoseGrunge.jpg) repeat-x center 0px}
#theme.cloudsSepiaGreen{background: url(../images/bg/cloudsSepiaGreen.jpg) repeat-x center 0px}
#theme.cloudsSepiaGreenGrunge{background: url(../images/bg/cloudsSepiaGreenGrunge.jpg) repeat-x center 0px}
#theme.white{background: url(../images/bg/white.gif) repeat-x center 0px}
#theme.bird{background: url(../images/bg/bird.gif) repeat-x center 0px}
#topShadow {background: url(../images/topShadow.png) repeat-x;width: 100%;float: left}
/* @end */
/* @group General Containers */
#container {margin: 0 auto;}
.innerWrapper {margin-left:30px;}
.outerWrapper {width: 100%;float: left;background: url(../images/moduleTop.png) repeat-x;margin-left: 2px;display: inline;}
.outerWrapperNone {width: 100%;float: left;margin-bottom: 50px;display: inline;}
#veryTopWrapper ,
#headerWrap,
#logoWrap,
#banner,
#navWrap,
#pathwaywrap,
#headerWrap,
#mainWrap_even,#sloganWrap {width: 100%;float: left;display: inline}
/* @end */
/* @end */
#topWrapper {float: left;width: 100%;height: 110px}
/* @group Very Top*/
#veryTopWrapper {margin-bottom: 0;font-size: 90%;height: 5px;margin-top: 80px}
#veryTopLeft {float: left;width: 80%;text-align: left}
#veryTopRight {float: right;text-align: right}
#veryTopWrapper a {text-decoration: none}
/* @end */
/* @group Logo and Header*/
#logo {float: left;width: 350px;display: inline;}
#headerWrap {clear: both}
#logo,#headerLeft {float: left;font-style: italic;font-size: 90%}
#logoright,#headerRight {float: right;width: 65%;text-align: right}
#logo a:hover {background: none}
#headerLeft p {margin: 0 0 4px 0}
/* @end */
/* @group Nav and Search */
#navWrap {width: 58%;float: right;margin-top: 30px}
#nav {width: 100%;float: right;height: 40px}
/* @end */
/* @group Pathway */
#pathwayWrap {margin: 0 0 0 0;width: 100%;padding: 10px 0}
div.pathway {width: 94%;float: left;padding: 0;text-align: right;margin: 0 0 5px;display: block}
a.pathway {padding: 4px;text-decoration: none}
.pathway img {margin-top: 4px}
/* @end */
/* @group Banner */
#banner {margin: 0}
/* @end */
/* @group Main Content Area */
#top {float: left;margin-bottom: 20px;width: 100%;padding-top: 20px}
#leftCol_triple {float: left;width: 20%;display:inline;margin-right: 3%;margin-top: 30px}
#leftCol_double {float: left;width: 22%;margin-top: 25px}
#mainWrap_triple {float: left;width: 100%}
#mainWrap_double {float: left;width: 100%}
#mainWrap_even {float: left;width: 100%;margin: 0}
#midCol_double {float: right;width: 72%;padding: 20px 0;border-left: 1px solid #ECECEC;padding-left: 3%}
#midCol_even {float: left;width: 68%;border-right: 1px solid #ECECEC;padding: 0px 0 30px;padding-right: 2%;padding-top: 20px}
#midCol_fullWidth {padding: 20px 0 20px;clear: both}
#midCol_triple {width: 50%;float: left;border: 1px solid #ECECEC;border-width: 0 1px;padding: 20px 2%}
#rightCol_triple {float: right;width: 20%;display:inline;margin-top: 30px}
#rightCol_even {float: right;width: 27%;padding-top: 30px}
#advert1 {width: 100%;float: left;margin-bottom: 20px}
#advert2 {width: 100%;float: left;margin-top: 20px}
#below {float: left;width: 100%;margin-bottom: 30px;padding-top: 20px}
#advert2 .moduletable {margin-bottom: 30px;clear: both;float: left;width: 100%}
/* @end */
/* @group Grids */
.gridWrap {float: left;width: 100%;clear: both;padding:30px 0 30px}
#topgrid1,
#topgrid2,
#topgrid3,
#botgrid4,
#botgrid5,
#botgrid6 {width: 100%;float: left}
#topgrid1Left_three,
#topgrid1Mid1_three,
#topgrid1Mid2_three,
#topgrid1Right_three,
#topgrid2Left_three,
#topgrid2Mid1_three,
#topgrid2Mid2_three,
#topgrid2Right_three,
#botgrid1Left_three,
#botgrid1Mid1_three,
#botgrid1Mid2_three,
#botgrid1Right_three,
#botgrid2Left_three,
#botgrid2Mid1_three,
#botgrid2Mid2_three,
#botgrid2Right_three,
#botgrid3Left_three,
#botgrid3Mid1_three,
#botgrid3Mid2_three,
#botgrid3Right_three
{width: 31%;margin-right: 2%;float: left}
#topgrid1Left_four,
#topgrid1Mid1_four,
#topgrid1Mid2_four,
#topgrid1Right_four,
#topgrid2Left_four,
#topgrid2Mid1_four,
#topgrid2Mid2_four,
#topgrid2Right_four,
#topgrid3Left_four,
#topgrid3Mid1_four,
#topgrid3Mid2_four,
#topgrid3Right_four,
#botgrid1Left_four,
#botgrid1Mid1_four,
#botgrid1Mid2_four,
#botgrid1Right_four,
#botgrid2Left_four,
#botgrid2Mid1_four,
#botgrid2Mid2_four,
#botgrid2Right_four,
#botgrid3Left_four,
#botgrid3Mid1_four,
#botgrid3Mid2_four,
#botgrid3Right_four
{width: 22%;margin-right: 2.5%;float: left}
#topgrid1Mid2_four,
#topgrid2Mid2_four,
#topgrid3Mid2_four,
#botgrid1Mid2_four,
#botgrid2Mid2_four,
#botgrid3Mid2_four {margin-left: 15px}
#topgrid1Right_four,
#topgrid2Right_four,
#topgrid3Right_four,
#botgrid1Right_four,
#botgrid2Right_four,
#botgrid3Right_four {float: right}
#topgrid1Left_two,
#topgrid1Mid1_two,
#topgrid1Mid2_two,
#topgrid1Right_two,
#topgrid2Left_two,
#topgrid2Mid1_two,
#topgrid2Mid2_two,
#topgrid2Right_two,
#topgrid3Left_two,
#topgrid3Mid1_two,
#topgrid3Mid2_two,
#topgrid3Right_two,
#botgrid1Left_two,
#botgrid1Mid1_two,
#botgrid1Mid2_two,
#botgrid1Right_two,
#botgrid2Left_two,
#botgrid2Mid1_two,
#botgrid2Mid2_two,
#botgrid2Right_two,
#botgrid3Left_two,
#botgrid3Mid1_two,
#botgrid3Mid2_two,
#botgrid3Right_two
{width: 45%;margin-right: 5%;float: left}
#topgrid1Right_two,
#topgrid1Mid2_two,
#topgrid2Right_two,
#topgrid2Mid2_two,
#topgrid3Right_two,
#topgrid3Mid2_two {float: right}
#topGrid1Left_one,
#topgrid1Mid1_one,
#topgrid1Mid2_one,
#topgrid1Right_one {width: 95%;float: left}
/* @end */
/* @group Bottom Modules */
#bottomWrap {width: 100%;float: left;background: url(../images/moduleTop.png) repeat-x;margin-left: 2px;display: inline;padding: 30px 0;}
#bottomInner {margin: 0 auto;width: 100%;padding-top: 0px;float: left}
#bottomWrap span.tweet_text {font-family: georgia;font-size: 1.6em;line-height: 1.6em}
#bottomWrap .jTweet li {list-style-type: none}
#bottomWrap span.tweetDate,#bottomWrap span.tweetSource {font-style: italic}
#bottomWrap .bubbleInfo {margin-top: 30px}
/*----------------------- Bottom Modules ---------------------- */
#botMods {padding-bottom: 20px;margin-bottom: 20px;width: 100%;clear: both}
#botMods ul {margin: 0}
#botMods ul li {list-style-type: none;padding: 0;display: inline-block}
#botMods ul li a {text-decoration: none;display: block;border-bottom: 1px solid #222}
#botMods a {color: #fff;text-decoration: none}
#botMods a:hover {color: #ddd;background: #111}
#botMods h3 {color: #fff;background: none;}
#botmodsLeft_three,#botmodsMid1_three,#botmodsMid2_three,#botmodsRight_three {width: 31%;margin-right: 2%;float: left}
#botmodsLeft_four,#botmodsMid1_four,#botmodsMid2_four,#botmodsRight_four {width: 22%;margin-right: 2.5%;float: left}
#botmodsLeft_two,#botmodsMid1_two,#botmodsMid2_two,#botmodsRight_two {width: 45%;margin-right: 5%;float: left}
#botmodsRight_two,#botmodsMid2_two {float: right}
#botmodsLeft_one,#botmodsMid1_one,#botmodsMid2_one,#botmodsRight_one {width: 100%;float: left}
/* @end */
a.tweetdate {float: left}
/* @group Footer Area */
#footerWrap {margin: 0; float: left;background: url(../images/bottom.jpg);width: 100%;}
#footerInner {margin: 0 auto;width: 100%}
#footerWrap ul li a {color: #fff}
#footerShadow {float: left;width: 100%;border-top: 1px solid #111;margin-top: 40px}
#footerLeft {float: left;width: 48%;display: inline}
#footerRight {float: right;width: 20%;margin-right: 3%}
img.jbLogo {float: right;margin: 4px 0 0 0}
/* @end */
/* @group Sliding Panel */
#toppanel .tab {position: absolute; width: 100px;line-height: 24px;margin: 0;right: 10px; color: white;font-size: 80%;text-align: center;top: 0}
#toppanel .tab a{cursor: pointer;position: relative;color: #fff;text-decoration: none;color:#333;display: block;text-decoration: none;padding: 8px}
a#open {background: url(../images/panel.png) no-repeat left center;padding-left: 30px;position: absolute;top: 0;right: 0}
#toppanel { width: 100%;top: 0;right: 0;position: absolute;z-index: 1000;}
#toppanel h3 {border-bottom: 1px solid #ddd}
#toppanel a {}
#toppanel #form-login ul {margin: 20px 0}
#toppanel ul li {list-style-type: none;margin: 0;padding: 0}
#toppanel ul li a {display: block}
#panelInner {background: #fff;width: 900px; height:600px;margin: 0 auto;position: relative;display:none;border: 4px solid #eee;z-index:101}
#panel {padding-top: 20px;margin: 40px;overflow: hidden;position: relative;padding-bottom: 30px}
#panelLeft,#panelMid {width: 30%;float: left}
#panelMid {margin-left: 3%}
#panelRight {float: right;width: 30%}
#backgroundPopup{z-index:100}
.overlay div.close{background:url(../images/panelClose.png) no-repeat; position:absolute; right:25px; top:25px; cursor:pointer; height:28px; width:28px}
#mask{background: #3E454B}
#panelLeft_one, #panelMidLeft_one, #panelMidRight_one, #panelRight_one {width: 100%}
#panelLeft_two, #panelMidLeft_two, #panelMidRight_two, #panelRight_two {width: 45%;float: left;margin-right: 2.5%}
#panelLeft_three, #panelMidLeft_three, #panelMidRight_three, #panelRight_three{width: 30%;float: left;margin-left: 3%}
#panelLeft_four, #panelMidLeft_four, #panelMidRight_four, #panelRight_four{width: 22%;float: left;margin-left: 2.5%}
/* @end */
.bbox {border: 1px solid #B3AB9C}
.bbImages4 {float: right}
.row1 {clear: both}Если есть идеи пожалуйста напишите!
Отсутствует
Страницы: 1
- Форумы
- » Проблемы с сайтами
- » Проблема с CSS в Firefox
Board footer
Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia 
Язык отображения форума: [Русский] [English]