SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Evangelist
    Join Date
    Jan 2005
    Location
    ireland
    Posts
    482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    General CSS problem: Is there a solution

    Hi,

    Just finished re-developing my site, it looks the way I want it to look in IE but in FF the spacing on everything just seems to be out.

    It's not that much but I want it the same as IE.

    Is this the closest I can get to being the same in both browsers.

    Any input would help alot.

    My site is www.premiervalidation.ie

    Regards

    Graham

  2. #2
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You're going to have to expand on what you see as the problem because to me, your layout looks more 'right' in FF than it does in IE.

  3. #3
    SitePoint Evangelist
    Join Date
    Jan 2005
    Location
    ireland
    Posts
    482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What I mean is that if I tab from IE to FF to view my site it just looks more crunched up in Firefox and not I suppose pixel perfect.

    Because I develop my site with IE in mind more than FF then I suppose I would just like to see a mirror image in FF

    Am I being too particular?

  4. #4
    SitePoint Evangelist
    Join Date
    Jul 2006
    Posts
    493
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Controlling all the margins would fix a few problems (margin-top:0; in #middle h2 for example) removing height when unneeded would help too.
    It is easier to design for firefox and then fixing for ie (some alignments problems would not appear in ie 7)

  5. #5
    SitePoint Evangelist
    Join Date
    Jan 2005
    Location
    ireland
    Posts
    482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Basically I have removed marghin-top: 0 and all the other stuff that sholdn't be there.

    It's not pixel perfect in both browsers but I guess it will have to do

  6. #6
    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)
    this little baby might help..
    Code:
    * { margin: 0; padding: 0; }

  7. #7
    SitePoint Wizard silver trophybronze trophy Stormrider's Avatar
    Join Date
    Sep 2006
    Location
    Nottingham, UK
    Posts
    3,133
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    All the margin-top:0 stuff SHOULD be there though. Browsers will have different default margins / padding / styles for each element, so if you specifiy each one specifically, you should get the same result in both browsers.

  8. #8
    SitePoint Evangelist
    Join Date
    Jan 2005
    Location
    ireland
    Posts
    482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Mark

    * { margin: 0; padding: 0; }

    did the trick

    cheers mate


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
  •