1. Welcome to TechPowerUp Forums, Guest! Please check out our forum guidelines for info related to our community.

<P> vertical spacing differs in IE and FF

Discussion in 'Programming & Webmastering' started by Akumos, Apr 15, 2011.

  1. Akumos

    Akumos

    Joined:
    Nov 30, 2008
    Messages:
    535 (0.26/day)
    Thanks Received:
    27
    Location:
    Birmingham, England...
    Anyone know why this could happen or whould I have to post my code? Firsfox looks like it has a 1.5pt line space but IE looks normal.

    Thanks
    Akumos
    Last edited: Apr 15, 2011
  2. Jizzler

    Jizzler

    Joined:
    Aug 10, 2007
    Messages:
    3,395 (1.33/day)
    Thanks Received:
    634
    Location:
    Geneva, FL, USA
    My simple test didn't show any difference. I'd guess that it's coming from a misinterpretation of your styling by one of the browsers.

    Could you post a bit of the code, or at least enough to replicate what you're seeing?
    Akumos says thanks.
  3. Akumos

    Akumos

    Joined:
    Nov 30, 2008
    Messages:
    535 (0.26/day)
    Thanks Received:
    27
    Location:
    Birmingham, England...
    The code is ALL over the place (made in dreamweaver by an ameture lol):



    Thanks for looking!
    Last edited: Apr 16, 2011
  4. W1zzard

    W1zzard Administrator Staff Member

    Joined:
    May 14, 2004
    Messages:
    14,645 (3.93/day)
    Thanks Received:
    11,383
    use css attribute margin to set it to the same for all browsers
    Akumos says thanks.
  5. Akumos

    Akumos

    Joined:
    Nov 30, 2008
    Messages:
    535 (0.26/day)
    Thanks Received:
    27
    Location:
    Birmingham, England...
    lol sorry W1zzard, how do I do that?
  6. Zyon

    Zyon New Member

    Joined:
    Mar 18, 2011
    Messages:
    264 (0.21/day)
    Thanks Received:
    29
    Location:
    Australia
    Code:
    element_name/class_name/id :
    {
         margin: #(px/em/etc etc);
    }
    Example
    Code:
    
    body,td,th {
    	[B]margin: 5px;[/B]
    }
    a:link {
    	[B]margin: 5px;[/B]
    }
    a:visited {
    	[B]margin: 5px;[/B]
    }
    a:hover {
    	[B]margin: 5px;[/B]
    }
    a:active {
    	[B]margin: 5px;[/B]
    }
    .bbGrey {
    	[B]margin: 5px;[/B]
    }
    
    Just add the property into enclosing bracket of which ever html element you need to change. (margin: 5px means 5 pixels margin on all sides for each of the element that you specified using the selector before the braces)
  7. Akumos

    Akumos

    Joined:
    Nov 30, 2008
    Messages:
    535 (0.26/day)
    Thanks Received:
    27
    Location:
    Birmingham, England...
    I;ve worked out that FF is displaying 10pt font whereas IE is displaying 12pt...

    Even if I put fixed font sizes in HTML and CSS body tags!
  8. Zyon

    Zyon New Member

    Joined:
    Mar 18, 2011
    Messages:
    264 (0.21/day)
    Thanks Received:
    29
    Location:
    Australia
    I don't suppose you're trying to make the webpage work properly in IE6? Life sucks with IE6 but I suppose you could set up a massive styling (like some form of 'master reset') with many of the selectors that you're going to use like:

    Code:
    html, body, p, ul, li, blah blah blah...
    {
         (style 1);
         (style 2);
         ...
    }
    
    Or, you could get them to just ctrl+ or ctrl- to increase/decrease font size when they are browsing :D (sarcasm)

    Yes, working with IE is a pain because they make up their own rules in rendering a text, the preception of 10pt in Firefox and IE may differ.
    Akumos says thanks.
  9. Akumos

    Akumos

    Joined:
    Nov 30, 2008
    Messages:
    535 (0.26/day)
    Thanks Received:
    27
    Location:
    Birmingham, England...
    So Annoying! Never had this problem before because I've never had to align eveything so perfectly!

    Thanks

Currently Active Users Viewing This Thread: 1 (0 members and 1 guest)

Share This Page