RocketTheme - TOPIC: CSS Problems

Welcome Guest! Login

0 items Join Now

- James L Helms
- Rocketeer
- Posts: 57
- Thanks: 0
CSS Problems

Posted 17 years 1 month ago
- Thanks for taking the time to check out my problem.
  
  You can preview the link to the site here: http://www.childslife.info
  
  If you scroll to the bottom of the page you can vagly see the resemblance of some Grass. Depending on the resolution of your monitor you may have to minimize the screens size inorder to see more/less of the grass. Once you can see it, if you notice the Body/Content area actually covers the grass.
  
  What I would like to do is have the Grass at the bottom of everypage so that regardless of the size of someones monitor or resolution it is always at the bottom.And if the page grows in length due to content or modules being added the grass just get pushed down but still being 100% displayed.... the user simply has to scroll down the page to see it.
  
  I have played with the CSS and Index.php file and achived what results you see here. Any help is greatly appreciated.
  
  Attached are both the Index and CSS file.
  
  Thanks in Advance,
  James Helms
#159417
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
Re: CSS Problems

Posted 17 years 1 month ago
- LOL James.. did you post on the wrong site?
  
  Change the wrapper id to the following in custom.css
  #wrapper {     margin: 0 auto 100px auto; }
- Say no to Internet Explorer 6.
  twitter.com/mark_up
#159428
- Joe K
- Elite Rocketeer
- Posts: 902
- Thanks: 0
Re: CSS Problems

Posted 17 years 1 month ago
- He knows where to get good support lol
  
  PS That sig needs to be chilled out a little!
#159429
- James L Helms
- Rocketeer
- Posts: 57
- Thanks: 0
Re: CSS Problems

Posted 17 years 1 month ago
- Guys, let me just tell you how right you are!
  
  RocketThemes is the place to be if you want good quality templates, A+ Support and a community of educated, willing people! I have made more aquantances through RocketTheme and some good friends here and all because I or They needed help!
  
  GollumX - your fix worked perfectly and I want to say Thanks to you for that.
  
  JoeK - Sig - DELETED.. haha!
  
  What did you think of the layout thus far? I took out TP's flowers.. sick! Added the Grass thanks GollumX and have added a couple of new Module Positions.
  
  I have a big component I worked weeks on that is going to cap things off.
#159434
- James L Helms
- Rocketeer
- Posts: 57
- Thanks: 0
Re: CSS Problems

Posted 17 years 1 month ago
- GollumX - I ran into a slight problem while going through the pages.
  
  If you could please login as the following:
  
  username: hjames
  
  password: apple1982
  
  Once inside please visit the Forum page... see what you think if you have time and thanks again!
  
  Also happening in Videos.. I am searching through Firebug looking for a fix.
  
  Same with Groups... eek!
- Last Edit: 17 years 1 month ago by James L Helms.
#159435
- Joe K
- Elite Rocketeer
- Posts: 902
- Thanks: 0
Re: CSS Problems

Posted 17 years 1 month ago
- I didn't mean you had to kill the signature. Just ice it down cause it was swollen. ;D
#159443

James L Helms
Rocketeer
Posts: 57
Thanks: 0

Re: CSS Problems

Posted 17 years 1 month ago

Here is my Index.php information for those who wish not to download it.

Index.php

<?php
defined( '_VALID_MOS' ) or die( 'Restricted access' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!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 mosShowHead(); ?>
 
<?php 
$templatewidth ="980";
if ( $my->id ) { initEditor(); } 
// calculation for midsectright
if ( mosCountModules('left')) {
     $midsect_mid = $templatewidth - 420;
}
if ( mosCountModules('right')) {
     $midsect_mid = $templatewidth - 420;
}
if ( mosCountModules('left') && mosCountModules('right')) {
     $midsect_mid = $templatewidth - 620;
}
if ( mosCountModules('left') + mosCountModules('right')==0) {
     $midsect_mid = $templatewidth - 210;
}
// 4 top mod width calculation 
if (mosCountModules('user11') || mosCountModules('user12') || mosCountModules('user13') || mosCountModules('user14')) {
     $topsecmodwidth = "100%";
 }
if (mosCountModules('user11') && mosCountModules('user12') && mosCountModules('user13') && mosCountModules('user14')) {
     $topsecmodwidth = "25%";
&nbsp; }
if (mosCountModules('user11') + mosCountModules('user12') + mosCountModules('user13') + mosCountModules('user14')==3) { 
     $topsecmodwidth = "33%";
 }
if (mosCountModules('user11') + mosCountModules('user12') + mosCountModules('user13') + mosCountModules('user14')==2) { 
     $topsecmodwidth = "50%";
}
 
 ?>
 
<link rel="stylesheet" href="templates/natura_plazza/css/template_css.css" type="text/css" />
<link rel="stylesheet" href="templates/natura_plazza/css/sfish.css" type="text/css" />
<script language="javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $cur_template; ?>/lib/js/mootools/mootools.js" type="text/javascript"></script>
</head>
 
<body class="bodies">
<div id="bottom">
<div id="wrapper" align="center" >
     <div id="pagewrapper" style="width:<?php echo $templatewidth; ?>px;">
          <div id="pagewrapper_inner_left">
               <div id="pagewrapper_inner_right">
                    <div id="bodywrapper">
                         <div id="bodywrapper_inner">
                         <?php if (mosCountModules('left1')) { ?>
                                   <div id="midsect_right1">
                                        <?php mosLoadModules ( 'left1',-2 ); ?> 
                                   </div>
                                   <?php } ?>
                              <div id="logo">
                              <a href="<?php echo $mosConfig_live_site;?>">
                              <img src="templates/natura_plazza/images/spacer.gif" border="0" width="350" height="56" alt="Logo" />
                              </a>
                              </div>
                              <div id="xtd_menu"><?php mosLoadModules ( 'user8',-2 ); ?></div>
                              <div style="clear:both; line-height:1px;"> &nbsp;</div>
                              <?php if (mosCountModules('user5')) { ?>
                              <div id="slideshow" align="center">
                                   <?php mosLoadModules( 'user5', -2 ); ?>
                              </div> <!-- end slideshow -->
                              <div style="clear:both; line-height:1px;"> &nbsp;</div>
                              <?php } ?>
                              
                              <!-- start 4 top module -->
                              <?php if(mosCountModules('user11') || mosCountModules('user12') || mosCountModules('user13') || mosCountModules('user14')) { ?>
                              <div>
                                   <div id="topmodsection">
                                        <div id="topmodsection_inner">
                                             <div class="topmodsection_inner_c">
                                                  <?php if (mosCountModules('user11')) { ?>
                                                  <div id="topmodsection_1" style="width:<?php echo $topsecmodwidth; ?>">
                                                  <?php mosLoadModules ( 'user11',-2 ); ?></div>
                                                  <?php } ?>
                                                  
                                                  <?php if (mosCountModules('user12')) { ?>
                                                  <div id="topmodsection_2" style="width:<?php echo $topsecmodwidth; ?>">
                                                  <?php mosLoadModules ( 'user12',-2 ); ?></div>
                                                  <?php } ?>
                                                  
                                                  <?php if (mosCountModules('user13')) { ?>
                                                  <div id="topmodsection_3" style="width:<?php echo $topsecmodwidth; ?>">
                                                  <?php mosLoadModules ( 'user13',-2 ); ?></div>
                                                  <?php } ?>
                                                  
                                                  <?php if (mosCountModules('user14')) { ?>
                                                  <div id="topmodsection_4" style="width:<?php echo $topsecmodwidth; ?>">
                                                  <?php mosLoadModules ( 'user14',-2 ); ?></div>
                                                  <?php } ?>
                                                  <div style="clear:both; line-height:1px;">&nbsp;</div>
                                             </div>
                                        </div>
                                        
                                   </div>
                              </div>                           
                              <?php } ?>                           
                              <!-- start body section -->
                              <div id="midsect" align="center">
                                   <?php if (mosCountModules('left')) { ?>
                                   <div id="midsect_left">
                                        <?php mosLoadModules ( 'left',-2 ); ?>
                                   </div>
                                   <?php } ?>
                                   <div id="midsect_mid" style="width:<?php echo $midsect_mid; ?>px;">
                                        <?php mosMainBody(); ?>
                                   </div>
                                   <?php if (mosCountModules('right')) { ?>
                                   <div id="midsect_right">
                                        <?php mosLoadModules ( 'right',-2 ); ?> 
                                   </div>
                                   <?php } ?>
                                   <div style="clear:both;"></div>
                                   
                                        
                              </div><!-- end midsect -->
                              <div style="clear:both; line-height:1px;"> &nbsp;</div>
                         </div><!-- end bodywrapper_inner -->
                         <div id="footer_wrapper">
                                   <!-- <div id="footer_left"><?php include_once('includes/footer.php'); ?></div>
                                   <?php if (mosCountModules('user3')) { ?>
                                   <div id="footer_right"><?php mosLoadModules ( 'user3',-2 ); ?></div>
                                   <?php } ?> >-->
                                   <div style="clear:both;"></div>
                         </div>
                    </div><!-- end bodywrapper -->
               </div><!-- end pagewrapper_inner_right -->
          </div><!-- end pagewrapper_inner_left -->
     
     </div> <!-- end pagewrapper -->
</div> <!-- end wrapper -->
<br />
<?php if (mosCountModules('verybottom')) { ?>
<div id="verybottom">
<?php mosLoadModules ( 'verybottom',-2 ); ?>
</div>
<?php } ?>
</script>
</body>
</html>

Custom.css

.bodies {
 
     font-weight:normal;
     font-family:&nbsp; arial,Verdana,tahoma;
     color:#666;
     background: url(../images/bg_all.gif) repeat-x #FFFFFF;
     }    
#wrapper {
     margin:0 auto 100px auto;
     }
#pagewrapper {
     background:url(../images/bg_repeatx.jpg) repeat-x;
}
#pagewrapper_inner_left {
     background:url(../images/bg_norepeat_left.jpg) no-repeat top left;
}
#pagewrapper_inner_right {
     background:url(../images/bg_norepeat_right.jpg) no-repeat top right;
}
#bodywrapper {
     margin:0 100px 0 100px;
     padding-top:72px;
     height:100%;
     /* border:1px solid #333333;*/
     }
#logo {
     text-align:left;}
#xtd_menu {
     margin-left:20px;
}
#slideshow {
     margin-top:10px;
     margin-left:0px!important;
     margin-left:10px;
}
 
#midsect {
     margin-top:10px;
     margin-left:10px;}
#midsect_left {
     width:190px;
     margin-right:10px;
     float:left;}
#midsect_right div.moduletable h3,
#midsect_left div.moduletable h3 {
     margin-bottom:5px;
     padding-left:25px;
     font-weight:bold;
     line-height:34px;
     background:url(../images/star.gif) no-repeat;
     width:170px;}
#midsect_right div.moduletable,
#midsect_left div.moduletable {
     margin-bottom:5px;
     }
#midsect_mid {
     float:left;
     text-align:left;
}
#midsect_right {
     width:190px;
     float:left;
     margin-left:10px;}
 
/* setting for 4 top medule */
#topmodsection {
     background: url(../images/bggreenshad.gif) repeat-x top left #599534;
     width:760px;
     margin-top:10px;
 
}
#topmodsection a { color:#FBFBB4;}
#topmodsection a:hover { color:#FFFFFF;}
#topmodsection_inner {}
.topmodsection_inner_c{}
#topmodsection_1 {
     float:left;
}
#topmodsection_2 {
     float:left;}
#topmodsection_3 {
     float:left;}
#topmodsection_4 {
     float:left;}
#topmodsection div.moduletable h3 {
     font-size:12px;
     font-family:"Lucida Sans", Arial, Verdana;
     text-transform:uppercase;
     font-weight:bold;
     color:#fff;
     margin-bottom:7px;
     padding-left:25px;
     line-height:20px;
     background:url(../images/leaf.gif) no-repeat top left;
}
#topmodsection div.moduletable,
#topmodsection div.moduletable p,
#topmodsection div.moduletable td&nbsp; {
     color:#FFFFFF;
     padding:10px;
     font-size:11px;
     margin-bottom:0;
 
}
 
/*setting for footer */
 
#footer_wrapper {
     margin-top:10px;
     padding:10px;
}
#footer_left { 
     width:300px;
     float:left;}
#footer_left div {
     text-align:left;
     font-size:10px;
     color:#666;}
#footer_left div a {
     color:#666;}
#footer_right {
     width:450px;
     float:right;
     padding-top:5px;}
#midsect_right1 {
float:left;
margin-left:10px;
width:290px;
margin-top:-25px;
margin-Left:65px;
}
#verybottom {
background:url(../images/grass.png) repeat-x;
height:84px;
text-align:center;
float:center;
}
#bottom {
background: url(../images/grass.jpg) repeat-x center bottom;
height:100%;
}

Thanks in advance... for username/weblink info please browse upward.

#159468

- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
Re: CSS Problems

Posted 17 years 1 month ago
- Tried twice in two hours but site refused to load. Will try again later.
- Say no to Internet Explorer 6.
  twitter.com/mark_up
#159503
- James L Helms
- Rocketeer
- Posts: 57
- Thanks: 0
Re: CSS Problems

Posted 17 years 1 month ago
- I am temorarily transfering it to a new username so I can allow FTP Access to it.
  
  This might make it easier for someone to help me if they have access to all the files and can tinker with it themselves.
  
  Do you happen to have MSN Messenger GollumX? I would much rather give you the account information via that rather than through the boards or PM.
#159531
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
Re: CSS Problems

Posted 17 years 1 month ago
- email to:
  info
  at
  qwillan
  dotcom
- Say no to Internet Explorer 6.
  twitter.com/mark_up
#159662

Time to create page: 0.070 seconds