Thank you Christian, Your first suggestion works. I must admit I am very surprised that the addition of a span-24 wrapper results in the background shows when added in an addtional class. I cannot understand from any general CSS documentation why this should be successful. If you have some time, it would be most helpful if you could explain.
And in any case, I do think this is worth writing up as part of
BluePrint documentation.
For any else in the future here is a post of my actual test code as I
build a Joomla template.
<body class="width_fluid" >
<div id="wrap">
<div class="container ">
<div class="span-24">
The header
</div>
<div id="logobar">
<div class="span-12">
<div
id="logoleft" onclick="location.href='<?php echo
JURI::base() ?>';" style="cursor: pointer;">
<img src="templates/<?php echo $this->template ?>/images/
logo.png" />
</div>
</div>
<div class="span-12 last">
<div
id="logoright"
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
</div>
</div>
<div class="span-24 bgc">
<div class="span-11">
<div
id="topbarleft">
<b><jdoc:include type="modules" name="datetime"
style="xhtml" /></b>
</div>
</div>
<div class="span-2">
<div
id="topbarcentre">
Test Message
</div>
</div>
<div class="span-11 last">
<div id="topbarright">
<jdoc:include type="modules" name="fontsizer" style="xhtml" /
>
</div>
</div>
</div>
<div class="span-24">
<div class="foot">
The footer
</div>
</div>
</div>
</div>
</body>
It is the wrapper at <div class="span-24 bgc"> that causes the
background to be shown, where bgc is
.bgc {
background: #ddd;
}
Thank you again
John
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Blueprint CSS" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/blueprintcss?hl=en
-~----------~----~----~----~------~----~------~--~---
