Anyone using Firefox???

  • Is anyone using Firefox? My site simply will not *completely* do as I wish with Firefox, though it looks ok with the IE6. The URL is:
    https://ondogriver.net/bullspeak/index.php

    Note the little rectangle above the bull image. That is supposed to be an outline around the #rap. I’ll post it here:
    #rap {
    width: 800px;
    margin: 0 auto;
    padding: 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #4B3C15;
    cursor: crosshair;
    border-top: solid 1px #4B3C15;
    border-right: solid 1px #4B3C15;
    border-bottom: solid 1px #4B3C15;
    border-left: solid 1px #4B3C15;
    }

    If sending someone my entire css file to look at will help, I’d be glad to. What I want in the end is the bull image on the #rap with the background a darker color. However, Firefox will not allow it for some reason no matter what I try. I *know* it is something simple.

    Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)

  • I’d advise scrapping the IE view, just make it work in Firefox, THEN it will probably workin IE too, or be easy to figure out to do so.

    IE is the buggy not displaying css properly browser, so write good css and make it work in good browser, then make it work in yucky browser ??

    In your css you have absolute positioning on #header and on #menu divs. You also have a float mixed in there with #content

    Work should start with that. Make your header different. Put it at the top with NO Positioning at all. Then what happens with your #rap ? Try making your #content with NO FLOAT as well and see what happens. Just put it in there with padding.

    I also see in IE that #rap is leaving a 1px space on the left border by the bull background. That shows that even though it’s closer to what you want, it’s not displaying it properly. IMO.

    Start with Firefox, code to that and you’ll be happier in the end. Only think of IE as the last thing to work on. If it works in Firefox, then all you’ll need to figure out is gappy things to fill in somehow with IE.

    Try that. And a million other positioning things. Just try a search engine and you can look all day at article on positioning in Firefox vs. IE.

    Look at two and three column layouts and get hints from that as well.

    Also, forgot to mention, your #menu has “position: absolute” and given “top 0;” as value, but as well you have “margin-top: 390px;” padding-top: 380px;” and the absolute positioning only has a top and right settings. That’s all funky.

    Absolute positioning needs top and left for correct display in browsers.

    Change the height in #rap to be 598px, then it looks right in firefox.

    Thread Starter omar

    (@omar)

    Thanks! I’ll get right on the changes! Geez… This old man has a lot to learn!

    Hehe…Omar, we all have lots to learn about this stuff. But as mentioned previously, build your site to get it working on Firefox, THEN port it over to the other browsers. You’ll have fewer headaches in the long run.

    Check out https://communitymx.com for a tonne of free CSS articles, as well.

    Thread Starter omar

    (@omar)

    Well, I’ve made a few changes and basically the colors are what I want and the layout is *almost* as I want in Firefox.
    PROBLEM: My background color suddenly started ending prematurely! It ends at the bottom of the menu and I can’t figure out why!!!
    Anyone got any ideas?

    https://ondogriver.net/bullspeak/index.php

    I am not really sure what you are talking about, the site in firefox looks good to me ??

    YOur site looks fine. Just your image on top is a bit large…. Thats just personal opinion of course.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Anyone using Firefox???’ is closed to new replies.