Results 1 to 6 of 6
  1. #1
    5 Star Lounger
    Join Date
    Jun 2001
    Location
    USA
    Posts
    708
    Thanks
    48
    Thanked 1 Time in 1 Post

    Web page looks different in IE than in Firefox

    My home page looks fine in Internet Explorer, but Firefox inserts unnecessary spaces in the list, starting with "War on Terror" (you'll see what I mean).

    I've tried using meddling with the HTML, using br, p and ol (with of course the "<>"), but to no avail. Anybody know what's going on and how to fix it? Many thanks!

    Jon

  2. #2
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: Web page looks different in IE than in Firefox

    The first problem is that FrontPage is not a very good editor. It lets you do stuff that doesn't comply with any HTML standard and its preview shows only what the page will look like in IE. That said, I did contribute the code that (illegally) positions the sub-headings within the list, so I'm no angel either. <img src=/S/grin.gif border=0 alt=grin width=15 height=15>

    The attached is a somewhat-more-compliant example that should display identically in IE6 and Fx1.5. As you can see, I have changed the <span> tags to

    tags and added a margin property to the style setting. You also will see a lot of HTML character entities in the code, such as &_ldquo; (without the interior _, meaning left double quote) so that your "smart quotes" will be able to display on systems other than Windows. These are a hassle to insert, particularly for apostrophes, but if you want to use them, it is best to do them right.
    Attached Files Attached Files

  3. #3
    5 Star Lounger
    Join Date
    Jun 2001
    Location
    USA
    Posts
    708
    Thanks
    48
    Thanked 1 Time in 1 Post

    Re: Web page looks different in IE than in Firefox

    Thanks! That's exactly what I wanted.

    Just one last thing (I don't know why this didn't occur to me earlier): how do I shift the list an inch to the left?

    Thanks again!

  4. #4
    Platinum Lounger
    Join Date
    Feb 2002
    Location
    A Magic Forest in Deepest, Darkest Kent
    Posts
    5,681
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: Web page looks different in IE than in Firefox

    Jon

    In Jeff's absence (chip in if you need Jeff)

    In the code you will note:

    p.leftjust {font-weight: bold; text-indent: -30pt; margin: 0;}

    You can adjust the indent of the list by changing the value of text-indent: -30pt;

    Try values of -20pt, -15pt or -10pt. and adjust to your preference
    Jerry

  5. #5
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: Web page looks different in IE than in Firefox

    Wouldn't that push the text beyond the viewable area? Maybe your browser shows bigger page margins than mine. In addition to changing the indent for the

    elements as described above, you can add a similar rule for the [list=1] and <ul> elements.

  6. #6
    5 Star Lounger
    Join Date
    Jun 2001
    Location
    USA
    Posts
    708
    Thanks
    48
    Thanked 1 Time in 1 Post

    Re: Web page looks different in IE than in Firefox

    Thanks Jerry. After trying that, I've decided to keep 30pt [img]/forums/images/smilies/smile.gif[/img]

Posting Permissions

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