Joomla Templates Club 406,261 posts

[MartiniqueJohns Friend MartiniqueJohnsJoin date: December 2005Posts: 7Downloads:0Uploads:0 Thanks: 2]

#117061

After days of trials and errors. I came across this footer hack on alistapart.com that will provide a fixed position for the footer at the bottom of the browser for JA-Regulus. Footer remains posted at the bottom of the browser regardless of content length.

For some reason, after I made some customizations to my header height, and mainbody content, my footer seemed to float mid-page/screen if there was too little content – between the bottom of the footer and the bottom of the browser screen there was a lot of white space.

#ja-container {
position: relative;
min-height: 100%;
height: 100%;
voice-family: “”}””;
voice-family: inherit;
height: auto;
}

html>body #ja-container {
height: auto;
}

html, body {
height: 100%;
}

Gimme some feedback please!

I’m hoping to get some feedback to see if this works for others expecially on Mac browsers and older versions of IE. I’ve tested it in FF and IE 7.0.

~m

[Hung Dinh Friend Hung DinhJoin date: September 2014Posts: 4408Downloads:11Uploads:189 Thanks: 309 Thanked: 3310 times in 3 posts]

#210219

Thank you for the fixes, we will test and apply this to the template.
Mod note: Move to JA Regulus forums

[mattstahl Friend mattstahlJoin date: April 2006Posts: 38Downloads:0Uploads:2]

#210537

Didn’t work for me. IE is still confused. Attention Joomlart developers — the problem appears to lie with the absolute and relative position settings of ja-footer and ja-cert in the templates CSS. I changed both to “bottom” and 100% respectively. In both cases, this resolved the problem, but blows CSS compliance. I’m unsure of the correct syntax, so If you can simply post it in a reply, we can cross this one off the bug list.

Thank you.

[Hung Dinh Friend Hung DinhJoin date: September 2014Posts: 4408Downloads:11Uploads:189 Thanks: 309 Thanked: 3310 times in 3 posts]

#210553

mattstahl, we will note this issue for future templates..
Thank you very much

[mattstahl Friend mattstahlJoin date: April 2006Posts: 38Downloads:0Uploads:2]

#210554

That doesn’t tell me much. Would you have anything to offer by way of proper syntax construction. That was the root of my — and others– questions and problems.

[Hieu Nguyen Admin Hieu NguyenJoin date: November 2005Posts: 678Downloads:36Uploads:0 Thanks: 69 Thanked: 61 times in 1 posts]

#210557

Hi, thanks for your nice sugggestion!

This woud be a good solution, however you can’t use the overDiv tooltips anymore. If you define the relative position for the container (ja-contaner), the tooltips will displays incorrectly. That’s something happen with our previous template JA Archenar. :((

Try to log in from your frontpage and see the tooltip! 😉

I’m currently searching for a new solution and hope that we can stick the footer at the bottom of the page in the near future! Cheers!

[mattstahl Friend mattstahlJoin date: April 2006Posts: 38Downloads:0Uploads:2]

#210560

I would hope you get to it soon, since it affects a number of your templates and many purchasers. In the absence of help from Joomlart support, I’m going to have to look for help and post notice of the problem on the broader Joomla forums.

[mattstahl Friend mattstahlJoin date: April 2006Posts: 38Downloads:0Uploads:2]

#210566

Hieu,

This would appear pertinent to the problem at hand, but I don’t know what the z-index parameter is. Can you offer anything?

Browser Compatibility

Browsers may differ in how they handle the display of relatively positioned elements when they overlap other content. Unfortunately, the standards specification appears unclear in how this should be dealt with.

Some, like Internet Explorer 5.5 and Netscape 6.0, will display the positioned element in front of all its siblings. Others, like Opera 5.0, use the default stacking order and will display it in front siblings that preceed it in source order but behind siblings that follow.

Stacking order is detailed in the discussion on absolute positioning. But note that you can use the z-index style property to explicitly set the stacking order for relatively positioned elements

[Author]

Posts