Jump to content
xisto Community
mzwebfreak

How Do You Show.. borders for frames in Firefox?

Recommended Posts

Okay, I don't know if it's because of the Firefox browser not supporting this part of the HTML code, which I doubt, since it shows up just fine around text, but not sections where graphics are. Anyways, here's what the layout looks like in IE:

Posted Image


And what it looks like in Firefox:

Posted Image


And here's the code I'm using that wants to screw with my head, apparently:

 

style="border-right:2px solid #003300; border-top:2px solid #003300; border-left-width: 1; border-bottom-width: 1; padding: 0">

And that's basically what it looks like for all three sections, and it shows up fine in IE...is there a plugin for Mozilla I need? What's the problem? Is there some alternative code I could use for it to view properly?

Share this post


Link to post
Share on other sites

It looks like you're having problems with the borders not showing up properly in FF but they show up well in IE right? I've had a problem like that just a few days ago in Firefox and there is a mozilla specific code that rectifies border box specific descrepancies. Try putting this in the <HEAD> section of your index file:<style type="text/css">* { -moz-box-sizing: border-box;} </style>or put the same without the <style> tags in your CSS file. Hope that helps you.

Share this post


Link to post
Share on other sites

Sorry to double post myself, but I put it into the style section of the frames.html file, and it didn't change anything....tried putting it in the css coding, and that didn't work either.

Share this post


Link to post
Share on other sites

From what I gather, the issue seems to be the use of frames. If you don't use frames, it will work out fine. ;) I can't really explain why though, I just know it's because of the frames.

Share this post


Link to post
Share on other sites

Force frames to be resizable
    Many sites use frames to display their contents, and sometimes the frames are too small. To force all frames to be resizable, add the following code to your user.js file:

// Force frames to be resizable   user_pref("layout.frames.force_resizability", true);

    Note that this will also make the frames appear with a fixed-width border and thus, may make the pages look funny.

Taken from here not sure if it is HTML code:
https://support.mozilla.org/en-US/

Found this:
http://forums.xisto.com/no_longer_exists/

Share this post


Link to post
Share on other sites

Oohh....It might be the background image or the buttons that are causing the problem, since the border is missing only at those places. Have you tried removing the images or making them smaller?

Share this post


Link to post
Share on other sites

I had the same problem , but it was the opposite, it all displayed correctly on firefox, but all the frames were still displayed on IE, I never noticed since I did all my tests on firefox guessing it'd all work out with IE too, to my disgrace I used like 40 frames and now.. well you can already imagine how it looks on IE.Any pointers? suggestions or comments would be greatly appreciated.thkns

Share this post


Link to post
Share on other sites

Here is a valid code to fix this, with CSS.

css:.athing {border-left: 1px solid #003300;border-bottom: 1px solid #003300;border-right: 2px solid #003300;border-top: 2px solid #003300;padding: 0;}html:class="athing">

Set the CSS in <head>, inside of <style type="text/css"></style>,
and the thml you set there where this was:
style="border-right:2px solid #003300; border-top:2px solid #003300; border-left-width: 1; border-bottom-width: 1; padding: 0">

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.