/    Sign up×
Community /Pin to ProfileBookmark

Dynamic resizing template issue.

Hi all. I’ve written this simple XHTML template using HTML, CSS and JavaScript.

The layout consists of a centered column, with header and a footer that always sits at the bottom of the browser window.

The content area, between the header and footer contains a vertical scrollbar if the content is larger than the content area.

I’m using jQuery to resize the content area on the ready and size events.

All works well with Firefox and IE7, but the template gives me about a 10px border at the bottom of the page.

Can anyone help, I’ve uploaded the ZIP containing the site.

Constructive criticism on everything else is welcome!!!

[upl-file uuid=6b8450e7-d0e6-4c31-8af0-ff9824a94fd6 size=39kB]w3c.zip[/upl-file]

to post a comment
HTML

0Be the first to comment 😎

×

Success!

Help @josamoto spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...