"Content Box Headers in Firefox" : General Discussion : Help-Site - World of Warcraft Durotan server - Guild Hosting - GuildPortal

• Login: Password: Save New User? Forgot?

Home

Forums

Code

Forums

: > Content Box Headers in Firefox

Big 10 (Applicant)

7/31/2012 10:02 PM EST : Content Box Headers in Firefox

Posts: 53

0
Like

0
Dislike

Hey Mottie! I've been looking at your help sites for a while now. They've been a big help. I'm having an issue with the content box headers on my guild site not working properly in Firefox. They work perfectly in IE and in Chrome, but, for some reason, they don't stretch as they should in Firefox.

Here is the site: http://www.guildportal.com/Guild.aspx?GuildID=282677&TabID=2371720

If you're using Firefox, you'll notice the blue content box headers do not stretch the full width of the box. I've tried using CSS to force the content box widths and, while that works on the pages where I have a center and right area, the pages where I just have a center box that is stretched the full width, you can guess what happens. For an example of that, check out the roster page: http://www.guildportal.com/Guild.aspx?GuildID=282677&TabID=2371724

I'm not sure if this is at all fixable, or if it's just something I have to live with, but any help would be greatly appreciated.

Thank you!

•

Mottie (SuperAdmin)

8/1/2012 8:38 AM EST : RE: Content Box Headers in Firefox

ACK!

Posts: 3873

0
Like

0
Dislike

Well, I'm guessing you are using custom content box html because there is a closing div tag that is in the wrong place (in red below; moved up from the very end). If I am wrong, then please copy your custom html, if you are even using it into this thread (Control panel > Custom HTML & Script > Boxes, Center).

If you aren't using it at all, then I'd say the theme you are using is messed up, pick another one and report the problem with that theme to GP.

<table class="ContentBox" border="0" cellspacing="0" cellpadding="0" width="100%">
    <tr>
        <td>
            <table border="0" cellspacing="0" cellpadding="0" width="100%">
                <tr>
                    <td class="ctopleft"></td>
                    <td class="ctoptile"><div class="ContentBoxTitle">$block[title]&nbsp</div></td>
                    <td class="ctopright"></td>
                </tr>
            </table>
            <table border="0" cellspacing="0" cellpadding="0" width="100%">
                <tr>
                    <td class="clefttile"></td>
                    <td class="ContentBoxBody">
                        <div class="ContentBoxBody">
                            $block[content] 
                        </div> 
                    </td>
                    <td class="crighttile"></td>
                </tr>
            </table>
            <table border="0" cellspacing="0" cellpadding="0" width="100%">
                <tr>
                    <td class="cbottomleft"></td>
                    <td class="cbottomtile"> </td>
                    <td class="cbottomright"></td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<br>

>>help-site<<

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems

•

Big 10 (Applicant)

8/1/2012 10:54 AM EST : RE: Content Box Headers in Firefox

Big 10 Posts: 53 0 Like 0 Dislike	Hey Mottie, thanks for the reply. There was a </div> in the wrong spot. I went ahead and moved it up, but it still doesn't work properly. I don't believe I am using a theme other than the basic setup. Really all I did was make a basic three column page, remove the left column, and add a background. A little css and html here and there. Other than that that is it. Thanks again for the help!
•

Mottie (SuperAdmin)

8/1/2012 12:52 PM EST : RE: Content Box Headers in Firefox

ACK!

Posts: 3873

0
Like

0
Dislike

Ok, I think I see the problem then... somewhere in the css is this definition:

.ContentBox {
    border: 1px solid #00004F;
    border-radius: 4px 4px 4px 4px;
    /* display: block; ===== remove this line ===== */
    margin: 0 auto 10px !important;
    padding: 0 !important;
}

The table (ContentBox) should have a display:table instead of block... so just removing that line from the css will fix it.

>>help-site<<

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems

•

Big 10 (Applicant)

8/1/2012 1:42 PM EST : RE: Content Box Headers in Firefox

Posts: 53

0
Like

0
Dislike

Thanks Mottie.

I wasn't able to find that portion of script in the css, but I was able to change the table border from 100% (which was simply sizing it 100% of the content, not the table), to rather 725px. For my needs, this works perfectly. It doesn't change the pages that simply have a center, however, which is something I will have to either live with or change (making all pages have a right frame as well).

Other than that I have no idea how to fix it.

Thanks again for the help!

•

Mottie (SuperAdmin)

8/2/2012 8:22 AM EST : RE: Content Box Headers in Firefox

ACK! Mottie Posts: 3873 0 Like 0 Dislike	Well if you can't find the portion of css, then it might be better to add it yourself (Control Panel > Custom HTML & Script > Custom CSS > CSS Additions to Standard) .ContentBox { display: table !important; } >>help-site<< Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
•

Big 10 (Applicant)

8/2/2012 8:31 AM EST : RE: Content Box Headers in Firefox

Posts: 53

0
Like

0
Dislike

Mottie!

That was so stupidly simple I can't believe I didn't realize it. That fixed it, no problem.

Thank you very much!

I will bookmark this for later.

Update: Slightly different problem. I'm getting weird stretching now with the right table/widgets on some pages. On some pages they're perfectly fine, and on others they are doing this:

http://www.guildportal.com/Guild.aspx?GuildID=282677&TabID=2375704

What would you make of this?

•

Big 10 (Applicant)

8/2/2012 5:04 PM EST : RE: Content Box Headers in Firefox

Big 10 Posts: 53 0 Like 0 Dislike	I figured it out. I was too quick to assume it was something much more difficult than it was. Thanks!
•

Key

	New posts		No new posts
	New posts ( popular )		No new posts ( popular )
	New posts ( sticky )		No new posts ( sticky )
	New posts ( locked )		No new posts ( locked )

%title%