Siberia Theme modded...need a little help

By aliks0905 on 21 Jan 2008 at 07:00 UTC

I'm using the Siberia theme on my site: http://helpinchrist.org. I've changed the logo around, so its the whole big blue banner. The theme works fine on IE7 with the navigation menu showing up from the very left, but in Firefox, the navigation menu starts to list the links right after the logo. What can I modify to make the nav menu appear from the very left like in IE7?

heres the code:

grey.css

body {
  color: #292929;		/* font color */
  background-color: #59a9c0;
}

body a,
body a:link,
body a:visited {
   color: #BF1D15;
}

div#masthead {
	background: #4180b0 url(../images/headerbg.png) 0 0 repeat-x;
}

div#header .header-right {
	background: url(../images/container_tr.png) 100% 0 no-repeat;

}

div#header .header-left {
	background: url(../images/mast-l.gif) 0 0 no-repeat;
}

div#footer-wrapper {
	background-color: #969eab;
}

div#footer-wrapper .footer-right {
	background:  url(../images/footer-r.gif) 100% 0 no-repeat;
}

div#footer-wrapper .footer-left {
	height: 30px;
	overflow: hidden;
	background:  url(../images/footer-l.gif) 0 0 no-repeat;
}


div#breadcrumb,
div#breadcrumb a {
  color: #fff;
  background-color: #170808;
}

div#middlecontainer {
  background: #ffffff url(../images/body-bg.gif) 0 0 repeat-x;
}

div#topregion {
	background: #4071a9 url(../images/topregion-bg.gif) 0 0 repeat-x;
}


div#topregion .contentheading,
div#topregion div.moduletable h3,
div#topregion {
	color: #F0F0F0;
}


div#topregion a,
div#topregion a:link,
div#topregion a:visited {
   color: #FFCD06;
}

div#topregion a.readon,
div#topregion a:visited.readon,
div#topregion a:hover.readon {
	background: #9BB3D1;
	color: #B61C1E;
}

div#middlecontainer a,
div#middlecontainer a:link,
div#middlecontainer a:visited {
   color: #104A91;
}

div#middlecontainer h1 a,
div#middlecontainer h1 a:link,
div#middlecontainer h1 a:visited {
   color: #104a91;
   text-decoration: none;
}

div#middlecontainer a.readon,
div#middlecontainer a:visited.readon,
div#middlecontainer a:hover.readon {
	background: #104A91;
	color: #fff;
}

div#middlecontainer .title,
div#middlecontainer h2 {
	color: #104A91;
}

div#bottomregion {
	background-color: #969eab;
}

div#bottomregion .contentheading,
div#bottomregion div.moduletable h3,
div#bottomregion {
	color: #ffffff;
}

div#bottomregion a,
div#bottomregion a:link,
div#bottomregion a:visited {
   color: #dce0e6;
   text-decoration: underline;
}

div#bottomregion a.readon,
div#bottomregion a:visited.readon,
div#bottomregion a:hover.readon {
	background: #fff;
	color: #170808;
}

#footer {
  background-color: #969eab;
  color:#white;
}

#footer a {
  color: #white;
}

/* Menu styles */

div#navigation {
  background: #c2c2c2 url(../images/navbg.png) repeat-x;
}

div#navcontainer {
 float: left;
 }

#primary a {
/*  background: url(../images/menu-div.gif) 100% 0 repeat-y; */
  color: #577286;
}

#primary a:hover,
#primary a.active {
  color: #577286;
  background: #6d6d6d url(../images/navbg_over.png) repeat-x;
}

#secondary {
  border-top:1px solid #616a78;
  border-bottom:1px solid #8a929f;
  background-color: #b7bdc8;
}

#secondary li a {
  color: black;
}

#secondary a:hover {
  color: white;
  background-color: #396496;
}

#mission {
  border: solid 1px #BF1D15;
}

page.tpl.php

<?php

if ($sidebar_left && $sidebar_right)
	$layoutstyle = "bothsidebars";
else if ($sidebar_left)
	$layoutstyle = "leftsidebar";
else if ($sidebar_right)
	$layoutstyle = "rightsidebar";
else
	$layoutstyle = "nosidebars";


$topregionblocks = 0;
if($user1) $topregionblocks += 1;
if($user2) $topregionblocks += 1;
if($user3) $topregionblocks += 1;
switch ($topregionblocks) {
	case 1:
		$topregionwidth = "width100";
		break;
	case 2:
		$topregionwidth = "width50";
		break;
	case 3:
		$topregionwidth = "width33";
		break;
	default:
		$topregionwidth = "";
}

$topregion12seperator = "";
$topregion23seperator = "";
if ($user1 && $user2 || $user3) {
	$topregion12seperator = "topregionseperator";
}
if ($user2 && $user3) {
	$topregion23seperator = "topregionseperator";
}

$bottomregionblocks = 0;
if($user4) $bottomregionblocks += 1;
if($user5) $bottomregionblocks += 1;
if($user6) $bottomregionblocks += 1;
switch ($bottomregionblocks) {
	case 1:
		$bottomregionwidth = "width100";
		break;
	case 2:
		$bottomregionwidth = "width50";
		break;
	case 3:
		$bottomregionwidth = "width33";
		break;
	default:
		$bottomregionwidth = "";
}

$bottomregion12seperator = "";
$bottomregion23seperator = "";
if ($user4 && $user5 || $user6) {
	$bottomregion12seperator = "bottomregionseperator";
}
if ($user5 && $user6) {
	$bottomregion23seperator = "bottomregionseperator";
}

?>

<!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 print $language ?>" lang="<?php print $language ?>">
<head>
  <title><?php print $head_title; ?></title>
  <?php drupal_add_css(drupal_get_path('theme', 'siberia') . '/css/reset-fonts-grids.css', 'theme'); ?>
  <?php print $head; ?>
  <?php print $styles; ?>
  <?php print $scripts; ?>

   <?php if (theme_get_setting('siberia_width')) { ?>
	<style type="text/css">
      	#page {
			width : <?php print theme_get_setting('siberia_fixedwidth') ?>px;
		}
      </style>
   <?php } else { ?>
	<style type="text/css">
      	#page {
      width: 95%;
		}
      </style>
   <?php }  ?>

<?php if (theme_get_setting('siberia_iepngfix')) { ?>
<!--[if lte IE 7]>
<script type="text/javascript">
    $(document).ready(function(){
        $(document).pngFix();
    });
</script>
<![endif]-->
<?php } ?>


</head>

<body class="<?php print $layoutstyle; ?>">
  <div id="page">
    <div id="masthead">
    <div id="header" class="clear-block">
        <div class="header-left">
        <div class="header-right">


      <div id="logo-title">
        <?php if ($logo): ?>
          <a href="<?php print $base_path; ?>" title="<?php print t('Home'); ?>">
            <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" id="logo" />
          </a>
        <?php endif; ?>
      </div> <!-- /logo-title -->

        <div id="name-and-slogan">
        <?php if ($site_name): ?>
          <h2 id='site-name'>
            <a href="<?php print $base_path ?>" title="<?php print t('Home'); ?>">
              <?php print $site_name; ?>
            </a>
          </h2>
        <?php endif; ?>
        <?php if ($site_slogan): ?>
          <div id='site-slogan'>
            <?php print $site_slogan; ?>
          </div>
        <?php endif; ?>
        </div> <!-- /name-and-slogan -->

      <?php if ($header): ?>
            <?php print $header; ?>
      <?php endif; ?>

    </div> <!-- /header-left -->
    </div> <!-- /header-right -->
    </div> <!-- /header -->
  </div>
  <div id="navcontainer">
      <div id="navigation" class="menu <?php if ($primary_links) { print "withprimary"; } if ($secondary_links) { print " withsecondary"; } ?> ">
          <?php if ($primary_links): ?>
            <div id="primary" class="clear-block">
              <?php print theme('menu_links', $primary_links); ?><?php print $search_box; ?>
            </div>
          <?php endif; ?>
      </div> <!-- /navigation -->
	 </div>

      <?php if($topregionblocks) { ?>
		<div id="topregion" class="clear-block">
			<table class="regions" cellspacing="0" cellpadding="0">
				<tr valign="top">
            <?php if ($user1): ?>
               <td class="region <?php echo $topregionwidth; ?>">
                  <?php print $user1; ?>
               </td>
            <?php endif; ?>

            <?php if ($user2): ?>
               <td class="region <?php echo $topregionwidth; ?>">
                  <?php print $user2; ?>
               </td>
            <?php endif; ?>

            <?php if ($user3): ?>
               <td class="region <?php echo $topregionwidth; ?>">
                  <?php print $user3; ?>
               </td>
            <?php endif; ?>
				</tr>
			</table>
		</div>
      <?php } ?>

      <?php if ($secondary_links): ?>
         <div id="secondary" class="clear-block">
            <?php print theme('menu_links', $secondary_links); ?>
         </div>
      <?php endif; ?>


    <div id="middlecontainer" class="clear-block">
    <div id="centerpart">

      <?php if ($sidebar_left): ?>
        <div id="leftsidebar" class="sidebar">
          <?php print $sidebar_left; ?>
        </div> <!-- /sidebar-left -->
      <?php endif; ?>

      <div id="maincontent" >
	    <div id="squeeze">
	      <?php if ($mission != ""): ?>
		  <div class="mission"><?php print $mission ?></div>
          <?php endif; ?>
          <?php if ($content_top):?><div id="content-top"><?php print $content_top; ?></div><?php endif; ?>
          <?php if ($title): ?><h1 class="title"><?php print $title; ?></h1><?php endif; ?>
          <?php if ($tabs): ?><div class="tabs"><?php print $tabs; ?></div><?php endif; ?>
          <?php print $content; ?>
          <?php if ($content_bottom): ?><div id="content-bottom"><?php print $content_bottom; ?></div><?php endif; ?>
        </div>
	  </div>

      <?php if ($sidebar_right): ?>
        <div id="rightsidebar" class="sidebar">
          <?php print $sidebar_right; ?>
        </div> <!-- /sidebar-right -->
      <?php endif; ?>
    </div>

    </div> <!-- /middlecontainer -->




      <?php if($bottomregionblocks) { ?>
		<div id="bottomregion" class="clear-block">
			<table class="regions" cellspacing="0" cellpadding="0">
				<tr valign="top">
            <?php if ($user4): ?>
               <td class="region <?php echo $bottomregionwidth; ?>">
                  <?php print $user4; ?>
               </td>
            <?php endif; ?>

            <?php if ($user5): ?>
               <td class="region <?php echo $bottomregionwidth; ?>">
                  <?php print $user5; ?>
               </td>
            <?php endif; ?>

            <?php if ($user6): ?>
               <td class="region <?php echo $bottomregionwidth; ?>">
                  <?php print $user6; ?>
               </td>
            <?php endif; ?>
				</tr>
			</table>
		</div>
      <?php } ?>


   <div id="footer" class="clear-block">
    <?php print $footer_message; ?>
	<br /><a href="http://www.homed.ru">template Siberia</a>
   </div>

    <div id="footer-wrapper" class="clear-block">
        <div class="footer-right">
            <div class="footer-left">

            </div> <!-- /footer-left -->
        </div> <!-- /footer-right -->
    </div> <!-- /footer-wrapper -->


  </div> <!-- /page -->

</body>

</html>

Siberia Theme modded...need a little help

New forum topics

News items

Our community

Documentation

Drupal code base

Governance of community