Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    May 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Help with Firefox Explorer change

    I am new to web programming so I am trying to make a basic template.

    The template is css/xhtml with a logo/header, 3 columns, and a footer.

    Everything is great in Explorer but when I view it in Firefox the logo takes up more height than the footer.

    I am using the same type of text but can't figuare out what I am doing. I can provide the markup but didn't want to paste it until someone asked. I am new to the forum and I don't know how that is viewed upon

    Also to add to the confusion if I use Microsoft Expression everything is the way I want it BUT if I open the same index file in Adobe Dreamweaver the logo hangs below the header???

    Any help would be great. Here is just the part I am having the problem with from my css...

    #masthead { position:relative; width:100%; }
    #top_left { width:200px; position:absolute; left:0px; top:0px; background-color:#406080 }
    #header { margin-left:200px; background-colorrange; }

    Any ideas?

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    That snippet of CSS is useless without any xhtml. We need to see your code. A link to the site would be better. You may want to take a look at this example: http://bonrouge.com/3c-hf-fluid.php

    Also Microsoft Expression and Dreamweaver are NOT, I repeat NOT browsers, you can't rely on their design view to be accurate.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New to the CF scene
    Join Date
    May 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Sorry I am still new to this. Thanks for the link I think I need to either use that or learn more about the positioning using css.

    The link to the site is http://www.realwideweb.com

    The only reason I brought up the dreamweaver and expression difference is because I thought it was odd.

    ff and dreamweaver is wrong.
    ie and expression is right.

    If it is an easy fix let me know if it is not then I will do more practice and learning.

    Either way thanks for your reply it was very helpful.

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Its the default margins and padding on the paragraphs causing your problem. A simple fix would be to add this to your stylesheet
    Code:
    p {
    margin:0;
    padding:0;
    }
    Just be aware that this makes ALL paragraphs not have margins or padding.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    New to the CF scene
    Join Date
    May 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks so much!!! I nominated you for your help. Its people like you that make this web programming stuff a possibility for us slower people.

    Do you prefer fixed sites or let them float?

    Thx again.

  • #6
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I prefer fluid sites (float) this way no user is alienated because of their resolution.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •