strange layout issue

Discussion in 'HTML' started by Paul Watt, Apr 18, 2006.

  1. Paul Watt

    Paul Watt Guest

    Hi,
    I've got a problem with a layout issue in FF. In IE everything displays
    properly but in FF there's gaps in the layout and it driving me mental. i've
    set margins and padding to 0 on everything.
    the url is http://www.simongogerly.com/test/

    Cheers

    --

    Paul Watt
    http://www.paulwatt.info
    Paul Watt, Apr 18, 2006
    #1
    1. Advertising

  2. Paul Watt

    Martin Jay Guest

    In message <>, Paul Watt
    <> writes

    >I've got a problem with a layout issue in FF. In IE everything displays
    >properly but in FF there's gaps in the layout and it driving me mental. i've
    >set margins and padding to 0 on everything.
    >the url is http://www.simongogerly.com/test/


    Add this to your CSS:

    img{
    display: block;
    }

    BTW, the text is a bit difficult to read on the background. I'm not
    keen on the scroll bar.

    And it breaks in IE5(.5), but I think I'm the only person who worries
    about that now. :)
    --
    Martin Jay
    Martin Jay, Apr 18, 2006
    #2
    1. Advertising

  3. Paul Watt

    Neredbojias Guest

    To further the education of mankind, "Paul Watt"
    <> vouchsafed:

    > Hi,
    > I've got a problem with a layout issue in FF. In IE everything
    > displays properly but in FF there's gaps in the layout and it driving
    > me mental. i've set margins and padding to 0 on everything.
    > the url is http://www.simongogerly.com/test/


    Add line-height:0px; to the .top, .left, and .right css classes.

    --
    Neredbojias
    Infinity can have limits.
    Neredbojias, Apr 18, 2006
    #3
  4. Paul Watt

    JDS Guest

    On Tue, 18 Apr 2006 14:02:42 +0100, Paul Watt wrote:

    > the url is http://www.simongogerly.com/test/


    Woah! Holy eye strain, batman. I guess the "problem" as you see it is
    not the incredibly difficult-to-read choice of background image or white
    text, huh? Plus, it's all in Latin[1]. No one speaks Latin so much
    anymore, just thought you'd like to know.





    [1]Joke. I've heard of "lorem ipsum". But I've always maintained that
    jokes are funnier when they are explained, so consider this the
    explanation.

    --
    JDS | lid
    | http://www.newtnotes.com
    DJMBS | http://newtnotes.com/doctor-jeff-master-brainsurgeon/
    JDS, Apr 18, 2006
    #4
  5. Paul Watt

    Jose Guest

    > I've got a problem with a layout issue in FF. In IE everything displays
    > properly but in FF there's gaps in the layout and it driving me mental. i've
    > set margins and padding to 0 on everything.
    > the url is http://www.simongogerly.com/test/


    Why such a rigid layout? When I expand to the full screen (1600x1200)
    screen, there is just a small window for your picture, and an even
    smaller window for the text therein, requiring internal scrolling which
    I shouldn't need if the subwindow would just expand with the main window.

    When I shrink it down (to 640x480 or so) so that I can do other work at
    the same time, I need to scroll horizontally back and forth to read the
    text, =and= I have to scroll vertically in my =browser= to reach the
    bottom of the site, =AND= I have to scroll horizontally to reach the
    internal scrollbar which I =ALSO= have to use to scroll the =text=.

    And the text is hard to read against the busy background picture.

    Jose
    --
    The price of freedom is... well... freedom.
    for Email, make the obvious change in the address.
    Jose, Apr 18, 2006
    #5
  6. Paul Watt

    Jim Moe Guest

    Paul Watt wrote:
    >
    > I've got a problem with a layout issue in FF. In IE everything displays
    > properly but in FF there's gaps in the layout and it driving me mental. i've
    > set margins and padding to 0 on everything.
    > the url is http://www.simongogerly.com/test/
    >

    This persists as one of the darkest secrets of CSS.
    <img> is an inline object that is treated like text so there is bottom
    space allowed for a descender. This makes sense when there is text around
    an image.
    To remove the bottom space:
    img { vertical-align: bottom; }

    --
    jmm (hyphen) list (at) sohnen-moe (dot) com
    (Remove .AXSPAMGN for email)
    Jim Moe, Apr 18, 2006
    #6
  7. Paul Watt

    Neredbojias Guest

    To further the education of mankind, Jim Moe
    <> vouchsafed:

    > Paul Watt wrote:
    >>
    >> I've got a problem with a layout issue in FF. In IE everything
    >> displays properly but in FF there's gaps in the layout and it driving
    >> me mental. i've set margins and padding to 0 on everything.
    >> the url is http://www.simongogerly.com/test/
    >>

    > This persists as one of the darkest secrets of CSS.
    > <img> is an inline object that is treated like text so there is
    > bottom
    > space allowed for a descender. This makes sense when there is text
    > around an image.
    > To remove the bottom space:
    > img { vertical-align: bottom; }


    Yeah, I thought so. Unfortunately, I tried "vertical-align:baseline;"
    instead of ...bottom. Duh!

    --
    Neredbojias
    Infinity can have limits.
    Neredbojias, Apr 18, 2006
    #7
  8. Paul Watt

    Jim Moe Guest

    Neredbojias wrote:
    >> To remove the bottom space:
    >> img { vertical-align: bottom; }

    >
    > Yeah, I thought so. Unfortunately, I tried "vertical-align:baseline;"
    > instead of ...bottom.
    >

    Hah! Baseline is the default value.

    --
    jmm (hyphen) list (at) sohnen-moe (dot) com
    (Remove .AXSPAMGN for email)
    Jim Moe, Apr 19, 2006
    #8
  9. Jokes ARE funnier when they're explained. You're a comedy genius! (That
    came out sarcy. It's not.)

    "JDS" <> wrote in message
    news:p...
    > On Tue, 18 Apr 2006 14:02:42 +0100, Paul Watt wrote:
    >
    >> the url is http://www.simongogerly.com/test/

    >
    > Woah! Holy eye strain, batman. I guess the "problem" as you see it is
    > not the incredibly difficult-to-read choice of background image or white
    > text, huh? Plus, it's all in Latin[1]. No one speaks Latin so much
    > anymore, just thought you'd like to know.
    >
    >
    >
    >
    >
    > [1]Joke. I've heard of "lorem ipsum". But I've always maintained that
    > jokes are funnier when they are explained, so consider this the
    > explanation.
    >
    > --
    > JDS | lid
    > | http://www.newtnotes.com
    > DJMBS | http://newtnotes.com/doctor-jeff-master-brainsurgeon/
    >
    Brian O'Connor, Apr 19, 2006
    #9
  10. Paul Watt

    Neredbojias Guest

    To further the education of mankind, Jim Moe <jmm-list.AXSPAMGN@sohnen-
    moe.com> vouchsafed:

    > Neredbojias wrote:
    >>> To remove the bottom space:
    >>> img { vertical-align: bottom; }

    >>
    >> Yeah, I thought so. Unfortunately, I tried "vertical-align:baseline;"
    >> instead of ...bottom.
    >>

    > Hah! Baseline is the default value.


    Yep. A brain-fart, pure and simple.

    --
    Neredbojias
    Infinity can have limits.
    Neredbojias, Apr 19, 2006
    #10
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Rick Spiewak
    Replies:
    3
    Views:
    3,131
    Rick Spiewak
    Aug 26, 2003
  2. RobertH
    Replies:
    1
    Views:
    708
    Steve C. Orr [MVP, MCSD]
    Nov 4, 2003
  3. NWx
    Replies:
    4
    Views:
    2,949
    Kevin Spencer
    Feb 19, 2004
  4. Eric
    Replies:
    4
    Views:
    697
    clintonG
    Dec 24, 2004
  5. Replies:
    1
    Views:
    561
    John Timney \(MVP\)
    Jun 19, 2006
Loading...

Share This Page