Page 1 of 1

Gap between store header and three column scriplett

Posted: Thu Oct 16, 2008 1:26 pm
by pizzaovens1
after editing the three column scriplett we now have a gap between our store header and the body of the page.

how can i eliminate this gap?
http://98.129.12.138/pizzaovens/Default.aspx


three column scriplett:

Code: Select all

<p>[[layout:header]]</p><div id="outerContentWrapper"><div id="innerContentWrapper" style="width: 960px; height: auto"><table id="contentLayout" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td id="leftSidebarPanel" valign="top" align="center">[[layout:sidebar]]</td>
            <td id="mainPanel" valign="top" align="center">[[layout:content]]</td>
            <td id="rightSidebarPanel" valign="top" align="center">[[layout:sidebar2]]</td>
        </tr>
    </tbody>
</table>
</div>
[[layout:footer]]</div>

Re: Gap between store header and three column scriplett

Posted: Thu Oct 16, 2008 7:59 pm
by Road Rider
I am not seeing a gap. Notice how the top of the "top sellers" header and "categories" header meet up flush with the actual header.

If you are referring to the bit of white space above the main panel it is in the design of the main panel.

Make sense?

Re: Gap between store header and three column scriplett

Posted: Fri Oct 17, 2008 5:59 am
by mazhar
It seems like a IE only problem. Give a try and remove the paragraph tag which is around the header.

Code: Select all

<p>[[layout:header]]</p>
and make it look like

Code: Select all

[[layout:header]]

Re: Gap between store header and three column scriplett

Posted: Fri Oct 17, 2008 10:39 am
by pizzaovens1
yeah, forgot to mention that it was an IE problem only.
alas, the <p> marks where the problem.
thanks for your help guys.