Header And Footer Rubber

[Dmit]

Tell me, what parameters in global.css fit, so the footer and the header was on the full screen?

[Carolina Custom Designs]

Since none of us know what theme you are using nor did you post a link so we can have a look at the site this is nearly impossible to tell.

 

Marty Shue

[Dmit]

Since none of us know what theme you are using nor did you post a link so we can have a look at the site this is nearly impossible to tell.

 

Marty Shue

Default theme. link http://lcmarket.ru

[Carolina Custom Designs]

Thanks for the link. There are several different ways you can accomplish this.

 

1. Move the header and footer divs outside of the page div (this is probably what I would do).

2. You can make the page div 100% width and then set a width of 980px for the columns div. Since they used the grid system you will most likely have to edit some (or all) of the grid classes as well.

 

This should get you pointed in the right direction.

 

Marty Shue

[Dmit]

And lots of explanation, in what must file and what to change?

[Carolina Custom Designs]

I apologize but I guess I misunderstood your OP. I thought you were just looking for someone to tell you what needed to be done in order to make the footer and header full width. If you are looking for someone to do the job for you you might want to post a request here.

 

Marty Shue

[[email protected]]

Had this issue on Footer, for the header Don't know yet

 

go to the themes/default/ directory and open footer.tpl file

 

Code to paste into footer.tpl file

 

{if !$content_only}

</div>

<!-- Right -->

<div id="right_column" class="column grid_2 omega">

{$HOOK_RIGHT_COLUMN}

</div>

</div>

<!-- Footer -->

</div>

<div id="footer" style="width:100%; clear:both; display:block; overflow:hidden;">

<div style="width:980px; display:block; margin:auto; clear:both;">

{$HOOK_FOOTER}

{if $PS_ALLOW_MOBILE_DEVICE}

<p class="center clearBoth"><a href="{$link->getPageLink('index', true)}?mobile_theme_ok">{l s='Browse the mobile site'}</a></p>

{/if}

</div>

</div>

{/if}

</body>

</html>