Hello, I was wondering if anyone knows where the height of the middle column gets set in the piranah theme? I've been examining the css with the help of firebug and webdeveloper, but still no joy. Is it inherited? The page that seems to be especially problematic is the front page when not logged in. The picture below is of the front page when not logged in. I'm trying to compensate for some of the differences between IE and Firefox. Any suggestions would be greatly appreciated!
At a guess I would say the table layout where the left hand side column, middle column, and right hand side column, are rows and divisions within that table layout. They are defined, in minimum terms, in the Standard theme's styles_layout as follows...
#layout-table {
width:100%;
border-collapse:separate;
margin-top: 8px;
}
#layout-table #left-column,
#layout-table #middle-column,
#layout-table #right-column
{
vertical-align:top;
}
#layout-table #middle-column {
padding-left: 12px;
padding-right: 12px;
}
Hope this helps...
Mary
#layout-table {
width:100%;
border-collapse:separate;
margin-top: 8px;
}
#layout-table #left-column,
#layout-table #middle-column,
#layout-table #right-column
{
vertical-align:top;
}
#layout-table #middle-column {
padding-left: 12px;
padding-right: 12px;
}
Hope this helps...
Mary
Mary, Thank you for your suggestion. I've taken a look at this section, but can't figure out how the middle column inherits data and resizes accordingly. For instance, the login screen is actually smaller, and has no excess space. When I add the course categories list to the front page, there is just a large empty area and the page is longer.
Hi Drew,
I cannot reproduce the error with FF3.6 or IE6 but I found the following CSS setting for a minimum height in piranah.css, line 917:
#content-i3 {
min-height:250px;
}
You might try changing that.
hth
Frank
I cannot reproduce the error with FF3.6 or IE6 but I found the following CSS setting for a minimum height in piranah.css, line 917:
#content-i3 {
min-height:250px;
}
You might try changing that.
hth
Frank
I've looked at the demo site for this theme and wondered if there is a minimum height for the page, which might account for the white space at the foot of you pages which don't seem to have much content, going by the screenshots above.
Have you made any major changes, to the header or footer, which might have caused this white space effect?
Have you made any major changes, to the header or footer, which might have caused this white space effect?
Ha! Frank found the culprit - Min Height!!!
Alas, unfortunately the culprit eludes me still. I changed the min-height to ten and received the first screenshot below. Then I tried to set it to a max-height of 10 to see what that did, and you can seen the results below that. Yes, I absolutely did mess with the header.html and footer.html. I'm not sure how what is in those would affect only that one spacing... I suppose it could have to do with the if Home, else other... I'll look there now... the coding for my new header is :
<!-- I'm not sure if I have to comment out in this WYSIWYG
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html<?php echo $direction ?>>
<head>
<?php echo $meta ?>
<meta name="keywords" content="moodle, <?php echo $title ?> " />
<title><?php echo $title ?></title>
<link rel="shortcut icon" href="<?php echo $CFG->wwwroot.'/theme/'.current_theme()?>/favicon.ico" />
<link rel="stylesheet" type="text/css"
href="<?php echo $CFG->wwwroot.'/theme/'.current_theme()?>/dolphinmenu/style.css" />
<?php include("$CFG->javascript"); ?>
<?php if (strpos($direction, 'dir="rtl"') !== false) : ?>
<script type="text/javascript">
//<![CDATA[
c_rightToLeft = true;
//]]>
</script>
<?php endif ?>
</head>
<body<?php echo " $bodytags"; ?>>
<div id="page">
<?php if ($home) { // This is what gets printed on the home page only ?>
<div id="header-wrapper">
<div id="header-home" class="clearfix">
<h1 class="headermain"><a href="<?php echo $CFG->wwwroot.'/' ?>"><img alt="<?php echo $heading ?>" title="<?php echo $heading ?>" src="<?php echo $CFG->wwwroot.'/theme/'.current_theme()?>/pix/panorama7.jpg" /></a></h1>
<h1 class="headermain2"><a href="<?php echo $CFG->wwwroot.'/' ?>"><img alt="<?php echo $heading ?>" title="<?php echo $heading ?>" src="<?php echo $CFG->wwwroot.'/theme/'.current_theme()?>/pix/iu5logo.jpg" /></a></h1>
<div class="headermenu"> <?php echo $menu ?></div>
<div id="dolphincontainer" class="clearfix">
<div id="dolphinnav">
<?php include('menu.php'); ?>
</div>
</div>
</div>
</div>
<?php } else if ($heading) { // This is what gets printed on any other page with a heading ?>
<div id="header-wrapper">
<div id="header" class="clearfix">
<h1 class="headermain"><a href="<?php echo $CFG->wwwroot.'/' ?>"><img alt="<?php echo $heading ?>" title="<?php echo $heading ?>" src="<?php echo $CFG->wwwroot.'/theme/'.current_theme()?>/pix/panorama7.jpg" /></a></h1>
<h1 class="headermain2"><a href="<?php echo $CFG->wwwroot.'/' ?>"><img alt="<?php echo $heading ?>" title="<?php echo $heading ?>" src="<?php echo $CFG->wwwroot.'/theme/'.current_theme()?>/pix/iu5logo.jpg" /></a></h1>
<div class="headermenu"><?php echo $menu ?></div>
<div id="dolphincontainer" class="clearfix">
<div id="dolphinnav">
<?php include('menu.php'); ?>
</div>
<div class="navbar clearfix">
<?php if ($navigation) { // This is the navigation table with breadcrumbs
/// The site is called "Moodle.org" but we always want "Home" in the navlinks -Martin
if (isset( $navigation['navlinks'] )) {
$navigation['navlinks'] = str_replace('href="http://moodle.org/">Moodle.org',
'href="http://moodle.org/">Home',
$navigation['navlinks'] );
}
?>
<div class="breadcrumb"><?php print_navigation($navigation); ?></div>
<?php if (!empty($button) && ($button != '')) { ?>
</div>
<!-- <div id="topright"> </div> -->
</div>
<div id="navbtnarea" class="clearfix">
<div class="navbutton"><?php echo $button; ?></div>
<?php }
} ?>
</div>
<?php } else { ?>
<div id="no-header-wrapper">
<?php } ?>
<!-- END OF HEADER -->
<?php print_container_start(false, '', 'content'); ?>
-->
<!-- I'm not sure if I have to comment out in this WYSIWYG
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html<?php echo $direction ?>>
<head>
<?php echo $meta ?>
<meta name="keywords" content="moodle, <?php echo $title ?> " />
<title><?php echo $title ?></title>
<link rel="shortcut icon" href="<?php echo $CFG->wwwroot.'/theme/'.current_theme()?>/favicon.ico" />
<link rel="stylesheet" type="text/css"
href="<?php echo $CFG->wwwroot.'/theme/'.current_theme()?>/dolphinmenu/style.css" />
<?php include("$CFG->javascript"); ?>
<?php if (strpos($direction, 'dir="rtl"') !== false) : ?>
<script type="text/javascript">
//<![CDATA[
c_rightToLeft = true;
//]]>
</script>
<?php endif ?>
</head>
<body<?php echo " $bodytags"; ?>>
<div id="page">
<?php if ($home) { // This is what gets printed on the home page only ?>
<div id="header-wrapper">
<div id="header-home" class="clearfix">
<h1 class="headermain"><a href="<?php echo $CFG->wwwroot.'/' ?>"><img alt="<?php echo $heading ?>" title="<?php echo $heading ?>" src="<?php echo $CFG->wwwroot.'/theme/'.current_theme()?>/pix/panorama7.jpg" /></a></h1>
<h1 class="headermain2"><a href="<?php echo $CFG->wwwroot.'/' ?>"><img alt="<?php echo $heading ?>" title="<?php echo $heading ?>" src="<?php echo $CFG->wwwroot.'/theme/'.current_theme()?>/pix/iu5logo.jpg" /></a></h1>
<div class="headermenu"> <?php echo $menu ?></div>
<div id="dolphincontainer" class="clearfix">
<div id="dolphinnav">
<?php include('menu.php'); ?>
</div>
</div>
</div>
</div>
<?php } else if ($heading) { // This is what gets printed on any other page with a heading ?>
<div id="header-wrapper">
<div id="header" class="clearfix">
<h1 class="headermain"><a href="<?php echo $CFG->wwwroot.'/' ?>"><img alt="<?php echo $heading ?>" title="<?php echo $heading ?>" src="<?php echo $CFG->wwwroot.'/theme/'.current_theme()?>/pix/panorama7.jpg" /></a></h1>
<h1 class="headermain2"><a href="<?php echo $CFG->wwwroot.'/' ?>"><img alt="<?php echo $heading ?>" title="<?php echo $heading ?>" src="<?php echo $CFG->wwwroot.'/theme/'.current_theme()?>/pix/iu5logo.jpg" /></a></h1>
<div class="headermenu"><?php echo $menu ?></div>
<div id="dolphincontainer" class="clearfix">
<div id="dolphinnav">
<?php include('menu.php'); ?>
</div>
<div class="navbar clearfix">
<?php if ($navigation) { // This is the navigation table with breadcrumbs
/// The site is called "Moodle.org" but we always want "Home" in the navlinks -Martin
if (isset( $navigation['navlinks'] )) {
$navigation['navlinks'] = str_replace('href="http://moodle.org/">Moodle.org',
'href="http://moodle.org/">Home',
$navigation['navlinks'] );
}
?>
<div class="breadcrumb"><?php print_navigation($navigation); ?></div>
<?php if (!empty($button) && ($button != '')) { ?>
</div>
<!-- <div id="topright"> </div> -->
</div>
<div id="navbtnarea" class="clearfix">
<div class="navbutton"><?php echo $button; ?></div>
<?php }
} ?>
</div>
<?php } else { ?>
<div id="no-header-wrapper">
<?php } ?>
<!-- END OF HEADER -->
<?php print_container_start(false, '', 'content'); ?>
-->
Do you mean your footer sits flush at the top of the page? You could post your header.html and footer.html here (zip file) so we could have a closer look.
tia
Frank
tia
Frank
I uploaded this theme on to my moodle, and it works lovely!
With no sideblocks and nothing showing on the Frontpage, the empty page just fills my 1024x768 res screen. I tried it at 800x600 and it resized to fit, in fact I was impressed with the look of the theme's design at that resolution..
So perhaps the problem you are facing, Drew, is peculiar to your screen size and nothing to do with the original design of the theme?
Just a thought.
Mary
With no sideblocks and nothing showing on the Frontpage, the empty page just fills my 1024x768 res screen. I tried it at 800x600 and it resized to fit, in fact I was impressed with the look of the theme's design at that resolution..
So perhaps the problem you are facing, Drew, is peculiar to your screen size and nothing to do with the original design of the theme?
Just a thought.
Mary
I'm about to install a fresh version of Piranah to see if my alterations to the coding have messed it up, or if it is just a screen size issue. Thank you for all of your suggestions, I will let you know what I find out.
Problems solved... Mostly. There were a few issues that complicated the matter.
1. I recently received my laptop from my employer. The screen resolution in Windows 7 was not set correctly. This problem was compounded by the fact that we use docking stations and a second monitor. I had yet to switch the monitor out of a clone mode, and so both screens were using a resolution that was not optimal. Once these issues were addressed, most of the problems went away. A big collective "duh!" was heard around the world.
2. IE8 in compatibility mode was not playing nicely. Once out of compatibility mode, all was well.
Thank you all for your help, I'm very appreciative!
1. I recently received my laptop from my employer. The screen resolution in Windows 7 was not set correctly. This problem was compounded by the fact that we use docking stations and a second monitor. I had yet to switch the monitor out of a clone mode, and so both screens were using a resolution that was not optimal. Once these issues were addressed, most of the problems went away. A big collective "duh!" was heard around the world.
2. IE8 in compatibility mode was not playing nicely. Once out of compatibility mode, all was well.
Thank you all for your help, I'm very appreciative!
Oh I do love a happy ending! 
KEWL!!!
Ciao and thanks
Mary
KEWL!!!
Ciao and thanks
Mary