SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member
    Join Date
    Jun 2006
    Posts
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to view CSS in IE vs FireFox

    Looking for some advice here:

    When I am coding a site in CSS I find that sometimes they will not look the same and line up the same. I was wondering if there was some sort of program and or FireFox addon that will allow me to view them side by side to compare and fix.

    Thanks

    J
    www.WeSellYourSite.com
    -Have an established site that makes 50k+ a year?
    - Want to know how much your site is worth?
    - We work with serious buyers who want to invest up to 2 MIL

  2. #2
    SitePoint Wizard ryanhellyer's Avatar
    Join Date
    Oct 2006
    Location
    New Zealand
    Posts
    2,323
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yep, there's an extension called "IE Tab" which works great. It will only render the actual install of IE you have though, so you can't use standalone IE's with it - yet. Do a search on http://www.mozilla.org/ and you should be able to find the extension easy as.

  3. #3
    SitePoint Member
    Join Date
    Jun 2006
    Posts
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Interesting - I will look into it.. Do you think there is something a little more advanced that will tell me what my issue is? As I am usualy lost and unabel to correct it myself.
    www.WeSellYourSite.com
    -Have an established site that makes 50k+ a year?
    - Want to know how much your site is worth?
    - We work with serious buyers who want to invest up to 2 MIL

  4. #4
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,122
    Mentioned
    29 Post(s)
    Tagged
    2 Thread(s)
    Do you think there is something a little more advanced that will tell me what my issue is? As I am usualy lost and unabel to correct it myself.
    The first stops should be to the markup validators :
    http://validator.w3.org/
    http://jigsaw.w3.org/css-validator/

    The differences between browsers could be many things, my suggestion is to get your site looking right in Firefox first - Then ask for help on the Internet Explorer differences you can't fix.
    There are ways of delivering different CSS values to Internet Explorer

  5. #5
    SitePoint Member
    Join Date
    Jun 2006
    Posts
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Many Thanks!
    www.WeSellYourSite.com
    -Have an established site that makes 50k+ a year?
    - Want to know how much your site is worth?
    - We work with serious buyers who want to invest up to 2 MIL

  6. #6
    SitePoint Guru Dijup's Avatar
    Join Date
    Jun 2006
    Location
    Kathmandu, Nepal
    Posts
    790
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think it is better to watch out our css while you are preparing it because it is the mail cause for the differences between the browser.

  7. #7
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What I do is write the markup for the HTML first. I don't lock myself into a "presentational view" or anythng like that; I define the document's structure. I also avoid the use of unnecessary DIVs, SPANs, classes and IDs as much as possible. In fact, in a typical layout I produce, I have at most three unnecessary DIVs and two unnecessary SPANs; however those are for certain CSS "tricks" I use, like a 100% minimum document height, and accessible image replacement techniques.

    From there, I will start working on the actual layout (presentation) using CSS. I strip the layout of all its margins and padding using the universal selector (see below) then I start working out the appearance of the various sections (header/mast, menu, content, sidebar, footer). At this time I should note that I check in three of the four major rendering engines using Internet Explorer 5.5/6/7, FireFox 1.0.3 (yes, I still have that - and Linux users THANK me more often than you'd think), and Opera 9.
    Code:
    /* universal selector at work */
    * {
        margin: 0;
        padding: 0;
    }


Bookmarks

Posting Permissions

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