5 replies [Last post]
slap_shot_12
slap_shot_12's picture
Offline
newbie
Canada
Last seen: 12 years 1 week ago
Canada
Timezone: GMT-7
Joined: 2010-05-05
Posts: 5
Points: 9

I'm building a site using a template for Joomla at www.stcharleshockey.com. The site works perfectly in IE, but when I try any other browser for the page at http://stcharleshockey.com/contact-us it pushes the body content below the sidebar. I've tried using Firebug but I can't figure out what the problem would be.

Any CSS whiz out there have an answer that I couldn't find?

Thanks in advance.

flamenco
flamenco's picture
Offline
Enthusiast
US, East Coast
Last seen: 11 years 46 weeks ago
US, East Coast
Timezone: GMT-5
Joined: 2009-04-13
Posts: 240
Points: 144

Hi, As much as I loathe

Hi,
As much as I loathe Joomla... I'll try to be nice. Smile

Those funny little social networking icons have a ginormous DIV, possibly after-effects of some of the CSS. If you just shrink it, the giant gap will vanish. Here's one way to do it:

.joomla_add_this  {
  height: 50px;
} 

slap_shot_12
slap_shot_12's picture
Offline
newbie
Canada
Last seen: 12 years 1 week ago
Canada
Timezone: GMT-7
Joined: 2010-05-05
Posts: 5
Points: 9

Thanks - that worked

Thanks - that worked perfectly for that page, but not for the team schedule calendar (http://stcharleshockey.com/schedules). Any other suggestions, or even thoughts on how to troubleshoot problems like this?

I think I can see why you hate Joomla so much. The code ends up a horrific mess, and though it is certainly fairly powerful it does make problems like this almost impossible to troubleshoot.

Or at least it does for a rookie like me. Puzzled

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 38 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

It's simple if you deal in the black arts

The #content needs its own block formatting context to create a separation from the float right column. Without it, the div slides under the float, as it should, but the table, which does have its own context, is then too wide to lie beside the float.

#content {
background-color:#FFFFFF;
border:1px solid #BBBBBB;
overflow:hidden;
padding:15px;
}
template.css (line 42)

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

flamenco
flamenco's picture
Offline
Enthusiast
US, East Coast
Last seen: 11 years 46 weeks ago
US, East Coast
Timezone: GMT-5
Joined: 2009-04-13
Posts: 240
Points: 144

slap_shot_12 wrote: Thanks -

slap_shot_12 wrote:

Thanks - that worked perfectly for that page, but not for the team schedule calendar (http://stcharleshockey.com/schedules). Any other suggestions, or even thoughts on how to troubleshoot problems like this?

I think I can see why you hate Joomla so much. The code ends up a horrific mess, and though it is certainly fairly powerful it does make problems like this almost impossible to troubleshoot.

Or at least it does for a rookie like me. Puzzled

What Gary said. Smile

And your description of that system is right on the money. Powerful, lots of features, but tremendously bloated, horrible to troubleshoot or customize. Just the fact that you can use it at all means you should get a hero's medal!

slap_shot_12
slap_shot_12's picture
Offline
newbie
Canada
Last seen: 12 years 1 week ago
Canada
Timezone: GMT-7
Joined: 2010-05-05
Posts: 5
Points: 9

You ROCK!

That did it!!! You're lucky you don't live by me because I'd kiss you - and I'm not a handsome man to say the least.... Love

Either way, the help is greatly appreciated - and now I'm off to do some additional reading on the 'overflow' tag because I played with it a little and I can see how it could be very useful.