Editable Home Page Centerboxes [Support]

[studio009]

okay ... winmerge .. is tht a solution ?

[gjh42]

Yes, winmerge can do it. You first need to compare each mod file against the stock version so you know where each of them differs from stock (keep good notes). Then compare them with each other and merge the differences into one file. If both mods change the same line from stock, you may need expert help to combine them (if it is possible).

[studio009]

Well its bouncing off my mind !

[Whot]

Would this be able to display the "dynamic filter" in a center box horizontally? I have tried to put the dynamic filter in middle box 1 and have set to display on 1 middle box. But nothing shows

[gjh42]

I don't know anything about the Dynamic Filter code or operation, but if it uses standard sidebox type file structure, there is no reason it shouldn't work. If it requires some other file to work, perhaps a file that only runs in particular circumstances, that might be an issue.

[DivaVocals]

Okay Glenn.. I KNOW this is a CSS thang, but I've been looking at this for a minute and it's driving me crazy..

so in the stylesheet:

.middleboxContent {
    border: 1px solid #000;
    padding: 0.4em;
    background:#e0d0d0;
    min-height:300px;
    /* -- DO NOT REMOVE!!! -- Yep this is another stupid IE hack. The next two statements set min-height in IE's dumb-a$$ed browser -- If you modify this setting, "min-height" must match "height" --*/
    height:auto !important;
    height:300px;
    /*If you want all the middleboxes to line up at the bottom uncomment this class. (see the readme for a screenshot of one example on how this works) Also see http://www.cssplay.co.uk and their excellent tutorial on tableless layouts for a demo of how this works.*/

    padding-bottom:32767px;
    margin-bottom:-32767px;

    }

That last bit in red doesn't seem to be working for me, and I'm STUMPED as to why.. What am I missing?????

http://clientlaserdiscvault(dot)overthehillweb(dot)com/

[gjh42]

I believe that was some trick you found a long time ago and applied; I don't know exactly why it works (or doesn't).

You may be able to achieve the effect with a more modern CSS property, display: table-cell;
This has been around for many years, but until recently couldn't be simply used because everybody's favorite browser *coughIE6/7cough* didn't support it. Now that those thankfully are about dead, some simple styling rules can finally be used freely. Any continuous series of one element type which have this declaration applied will be handled as if they are <td> cells enclosed in a <tr> table row.

[gjh42]

Note that the elements this is applied to need to be directly sequential, not sub-elements of sequential elements. So it would have to be applied at the middlebox container level rather than .middleboxContent.

[DivaVocals]

I believe that was some trick you found a long time ago and applied; I don't know exactly why it works (or doesn't).

You may be able to achieve the effect with a more modern CSS property, display: table-cell;
This has been around for many years, but until recently couldn't be simply used because everybody's favorite browser *coughIE6/7cough* didn't support it. Now that those thankfully are about dead, some simple styling rules can finally be used freely. Any continuous series of one element type which have this declaration applied will be handled as if they are <td> cells enclosed in a <tr> table row.

and honestly it wasn't even MY trick.. I never knew why it worked.. Only that it did.. until now.. **sigh**

Okay I'll root around a bit and see if I can make things work out..

[DivaVocals]

I believe that was some trick you found a long time ago and applied; I don't know exactly why it works (or doesn't).

You may be able to achieve the effect with a more modern CSS property, display: table-cell;
This has been around for many years, but until recently couldn't be simply used because everybody's favorite browser *coughIE6/7cough* didn't support it. Now that those thankfully are about dead, some simple styling rules can finally be used freely. Any continuous series of one element type which have this declaration applied will be handled as if they are <td> cells enclosed in a <tr> table row.

Note that the elements this is applied to need to be directly sequential, not sub-elements of sequential elements. So it would have to be applied at the middlebox container level rather than .middleboxContent.

So I'm still playing.. As I was Googling for solutions, I kept running into more jQuery solutions versus CSS solutions.. Tried a NUMBER of them, and some work, others do not work QUITE as I would like/expect.. After some trial and error, I finally settled on one from this site: http://blog.huidesign.com/make-equal...mns-by-jquery/

<script  type="text/javascript">
 $(document).ready( function(){
    function equalHeight(obj){
        var heightArray = obj.children("div").map( function(){
                 return  $(this).height();
                 }).get();
        var maxHeight = Math.max.apply( Math, heightArray);
        obj.children("div").height(maxHeight);
            }
            
    $(".navColumnMiddleWrapper").each( function(){
                equalHeight( $(this));
                                           })
    
    $("a.showLink").click(function(){
            $(this).parents().children("span").toggle();
            $(this).parents(".navColumnMiddleWrapper").children().removeAttr("style");    
            equalHeight( $(this).parents("div"));            
            });
                         })
</script>

The beauty of this one is it's a solution that works specifically well when there is dynamic content.. and in the layout I'm tweaking I really don't want the height of the second row to be based on the longest item in the first row.. It seems to equalize each row separately (which is what I do want). The big advantage of this method is that it probably also works in that browser we all love to hate *coughIE6/7cough*..

Because I'd really like to get a pure CSS solution eventually, I am gonna mess around with display: table-cell and hammer out a solution.. I found a good guide to help with me understand how I need to set it up (http://www.456bereastreet.com/archiv...oxes_with_css/). In the meantime I may stick with the javascript solution because it appears that a pure CSS solution will equalize ALL the rows, and that's not quite what I want...