How to add  around two blocks? In D7 I have a search view but would like to change some layout of it.

My current HTML situation is:

&lt;div id="block-block-12"  ..... &lt;/div&gt;
&lt;div id="block-block-13"  ..... &lt;/div&gt;
&lt;div id="block-block-14"  ..... &lt;/div&gt;


In the current layout:

 --------------------------
|            |            |         
|     B12    |     B13    |  
|            |     B14    |         |
---------------------------


I would like to change this into

&lt;div class ='xxtr'&gt;
 &lt;div id="block-block-12"  ..... &lt;/div&gt;
 &lt;div id="block-block-13"  ..... &lt;/div&gt;
 &lt;div id="block-block-14"  ..... &lt;/div&gt;
&lt;/div&gt;


The reason for this is that I would like to have a 100% background color styling with the help of class xxtr.

I set the width of all block at 33.3% but then the display is:

 ------------------------------------
|            |            |         |
|     B12    |     B13    |   B14   |
|            |            |         |
-------------------------------------


While the result should be with all the same background color:

 ------------------------------------
|            |            |         |
|     B12    |     B13    |   empty |
|            |     B14    |         |
-------------------------------------


I add a custom tpl for this query but do not understand how to get that extra div around these blocks.

The tpl file.

&lt;?php

?&gt;
&lt;div class="&lt;?php print $classes; ?&gt; view--page"&gt;
    &lt;div class="view-content-wrapper"&gt;

        &lt;?php print render($title_prefix); ?&gt;
        &lt;?php if ($title): ?&gt;
            &lt;?php print $title; ?&gt;
        &lt;?php endif; ?&gt;
        &lt;?php print render($title_suffix); ?&gt;
        &lt;?php if ($header): ?&gt;
            &lt;div class="view-header"&gt;
                &lt;?php print $header; ?&gt;
            &lt;/div&gt;
        &lt;?php endif; ?&gt;


        &lt;?php if ($exposed): ?&gt;
            &lt;div class="view-filters"&gt;
                &lt;?php print $exposed; ?&gt;
            &lt;/div&gt;
        &lt;?php endif; ?&gt;

        &lt;?php if ($attachment_before): ?&gt;
            &lt;div class="attachment attachment-before"&gt;
                &lt;?php print $attachment_before; ?&gt;
            &lt;/div&gt;
        &lt;?php endif; ?&gt;

        &lt;?php if ($pager): ?&gt;
            &lt;?php print $pager; ?&gt;
        &lt;?php endif; ?&gt;

        &lt;?php if ($rows): ?&gt;
            &lt;div class="view-content"&gt;
                &lt;?php print $rows; ?&gt;
            &lt;/div&gt;
        &lt;?php elseif ($empty): ?&gt;
            &lt;div class="view-empty"&gt;
                &lt;?php print $empty; ?&gt;
            &lt;/div&gt;
        &lt;?php endif; ?&gt;

        &lt;?php if ($pager): ?&gt;
            &lt;?php print $pager; ?&gt;
        &lt;?php endif; ?&gt;


        &lt;?php if ($attachment_after): ?&gt;
            &lt;div class="attachment attachment-after"&gt;
                &lt;?php print $attachment_after; ?&gt;
            &lt;/div&gt;
        &lt;?php endif; ?&gt;

        &lt;?php if ($more): ?&gt;
            &lt;?php print $more; ?&gt;
        &lt;?php endif; ?&gt;


        &lt;?php if ($footer): ?&gt;
            &lt;div class="view-footer"&gt;
                &lt;?php print $footer; ?&gt;
            &lt;/div&gt;
        &lt;?php endif; ?&gt;

        &lt;?php if ($feed_icon): ?&gt;
            &lt;div class="feed-icon"&gt;
                &lt;?php print $feed_icon; ?&gt;
            &lt;/div&gt;
        &lt;?php endif; ?&gt;
    &lt;/div&gt;

&lt;/div&gt;&lt;?php /* class view */ ?&gt;


Any suggestion ?
I solved this by adding the view of the second box in the footer of the first box and add the php code of the third box in the footer of the second view. This way only one box is shown and with the help of the blok_wrapper css can be used to layout this template.