firefox opera bugs?

Discussion in 'HTML' started by the idiot, Apr 21, 2005.

  1. the idiot

    the idiot Guest

    i have a page on a site i am building that is showing up rather weird in
    firefox and opera
    http://www.207g.karoo.net/nwbp/html/reater.html

    when i preview it in topstyle (with firefox) everything is fine and looking
    as it should
    but when i preview it online in firefox (and opera) there is a six inch gap
    between the title (the reater) and the first book... is this just a glitch
    because i cannot understand what is going on...

    could someone please tell me if it looks ok on your computer so i know
    whether or not it is my computer or the www that is causing this madness..

    thanks
     
    the idiot, Apr 21, 2005
    #1
    1. Advertising

  2. the idiot

    Els Guest

    the idiot wrote:

    > i have a page on a site i am building that is showing up rather weird in
    > firefox and opera
    > http://www.207g.karoo.net/nwbp/html/reater.html
    >
    > when i preview it in topstyle (with firefox) everything is fine and looking
    > as it should but when i preview it online in firefox (and opera) there is a
    > six inch gap between the title (the reater) and the first book... is this
    > just a glitch because i cannot understand what is going on...


    Unfortunately, it's not a glitch, but the result of setting a clear
    property inside the content area in combination with having a floated
    navigation.

    > could someone please tell me if it looks ok on your computer so i know
    > whether or not it is my computer or the www that is causing this madness..


    It's not your computer. It's all computers and all browsers (didn't
    check!), except for older Gecko's like Firebird.

    > thanks


    You're welcome.

    Workaround: float the images in the content area to the right instead
    of the left, and don't use clear:both or clear:left, but only
    clear:right.

    Another workaround: Make the entire content area a float. As you are
    using fixed width design already, this shouldn't be difficult to
    accomplish without changing much of the HTML.

    --
    Els http://locusmeus.com/
    Sonhos vem. Sonhos vão. O resto é imperfeito.
    - Renato Russo -
    Now playing: Thunder - Today The World Stopped Turning
     
    Els, Apr 21, 2005
    #2
    1. Advertising

  3. the idiot

    the idiot Guest

    "Els" <> wrote in message
    news:1ptwomon5ztna.h7n8qjwb9v4x$...
    > the idiot wrote:
    >
    > > i have a page on a site i am building that is showing up rather weird in
    > > firefox and opera
    > > http://www.207g.karoo.net/nwbp/html/reater.html
    > >
    > > when i preview it in topstyle (with firefox) everything is fine and

    looking
    > > as it should but when i preview it online in firefox (and opera) there

    is a
    > > six inch gap between the title (the reater) and the first book... is

    this
    > > just a glitch because i cannot understand what is going on...

    >
    > Unfortunately, it's not a glitch, but the result of setting a clear
    > property inside the content area in combination with having a floated
    > navigation.
    >
    > > could someone please tell me if it looks ok on your computer so i know
    > > whether or not it is my computer or the www that is causing this

    madness..
    >
    > It's not your computer. It's all computers and all browsers (didn't
    > check!), except for older Gecko's like Firebird.
    >
    > > thanks

    >
    > You're welcome.
    >
    > Workaround: float the images in the content area to the right instead
    > of the left, and don't use clear:both or clear:left, but only
    > clear:right.
    >
    > Another workaround: Make the entire content area a float. As you are
    > using fixed width design already, this shouldn't be difficult to
    > accomplish without changing much of the HTML.
    >

    so is there a big gap? because as i said when viewing it in topstylepro
    (with firefox) there is no gap...?

    i shall try out your advice... thanks a lot. i may be back . thanks again..
     
    the idiot, Apr 21, 2005
    #3
  4. the idiot

    Els Guest

    the idiot wrote:

    > "Els" <> wrote in message
    > news:1ptwomon5ztna.h7n8qjwb9v4x$...
    >> the idiot wrote:
    >>
    >>> i have a page on a site i am building that is showing up rather weird in
    >>> firefox and opera
    >>> http://www.207g.karoo.net/nwbp/html/reater.html
    >>>
    >>> when i preview it in topstyle (with firefox) everything is fine and

    > looking
    >>> as it should but when i preview it online in firefox (and opera) there

    > is a
    >>> six inch gap between the title (the reater) and the first book... is

    > this
    >>> just a glitch because i cannot understand what is going on...

    >>
    >> Unfortunately, it's not a glitch, but the result of setting a clear
    >> property inside the content area in combination with having a floated
    >> navigation.
    >>
    >>> could someone please tell me if it looks ok on your computer so i know
    >>> whether or not it is my computer or the www that is causing this

    > madness..
    >>
    >> It's not your computer. It's all computers and all browsers (didn't
    >> check!), except for older Gecko's like Firebird.
    >>
    >>> thanks

    >>
    >> You're welcome.
    >>
    >> Workaround: float the images in the content area to the right instead
    >> of the left, and don't use clear:both or clear:left, but only
    >> clear:right.
    >>
    >> Another workaround: Make the entire content area a float. As you are
    >> using fixed width design already, this shouldn't be difficult to
    >> accomplish without changing much of the HTML.
    >>

    > so is there a big gap? because as i said when viewing it in topstylepro
    > (with firefox) there is no gap...?


    The gap is always as big (high) as the navigation. If you would have a
    page where the navigation is 1000px high, the gap also will be 1000px
    high.

    > i shall try out your advice... thanks a lot. i may be back . thanks again..



    --
    Els http://locusmeus.com/
    Sonhos vem. Sonhos vão. O resto é imperfeito.
    - Renato Russo -
    Now playing: Thunder - Does It Feel Like Love
     
    Els, Apr 21, 2005
    #4
  5. the idiot

    the idiot Guest

    "Els" <> wrote in message
    news:bftq1f3dt48a$...
    > the idiot wrote:
    >
    > > "Els" <> wrote in message
    > > news:1ptwomon5ztna.h7n8qjwb9v4x$...
    > >> the idiot wrote:
    > >>
    > >>> i have a page on a site i am building that is showing up rather weird

    in
    > >>> firefox and opera
    > >>> http://www.207g.karoo.net/nwbp/html/reater.html
    > >>>
    > >>> when i preview it in topstyle (with firefox) everything is fine and

    > > looking
    > >>> as it should but when i preview it online in firefox (and opera) there

    > > is a
    > >>> six inch gap between the title (the reater) and the first book... is

    > > this
    > >>> just a glitch because i cannot understand what is going on...
    > >>
    > >> Unfortunately, it's not a glitch, but the result of setting a clear
    > >> property inside the content area in combination with having a floated
    > >> navigation.
    > >>
    > >>> could someone please tell me if it looks ok on your computer so i know
    > >>> whether or not it is my computer or the www that is causing this

    > > madness..
    > >>
    > >> It's not your computer. It's all computers and all browsers (didn't
    > >> check!), except for older Gecko's like Firebird.
    > >>
    > >>> thanks
    > >>
    > >> You're welcome.
    > >>
    > >> Workaround: float the images in the content area to the right instead
    > >> of the left, and don't use clear:both or clear:left, but only
    > >> clear:right.
    > >>
    > >> Another workaround: Make the entire content area a float. As you are
    > >> using fixed width design already, this shouldn't be difficult to
    > >> accomplish without changing much of the HTML.
    > >>

    > > so is there a big gap? because as i said when viewing it in topstylepro
    > > (with firefox) there is no gap...?

    >
    > The gap is always as big (high) as the navigation. If you would have a
    > page where the navigation is 1000px high, the gap also will be 1000px
    > high.
    >

    i cleared left and floated the images right
    and its worked... thankyou very much...

    why does the navigation in the other div affect the content div?
     
    the idiot, Apr 21, 2005
    #5
  6. the idiot

    Els Guest

    Els, Apr 21, 2005
    #6
  7. the idiot

    Els Guest

    the idiot wrote:

    > "Els" <> wrote in message
    > news:bftq1f3dt48a$...
    >> the idiot wrote:
    >>
    >>> "Els" <> wrote in message
    >>> news:1ptwomon5ztna.h7n8qjwb9v4x$...
    >>>> the idiot wrote:
    >>>>
    >>>>> i have a page on a site i am building that is showing up rather weird

    > in
    >>>>> firefox and opera
    >>>>> http://www.207g.karoo.net/nwbp/html/reater.html
    >>>>>
    >>>>> when i preview it in topstyle (with firefox) everything is fine and
    >>> looking
    >>>>> as it should but when i preview it online in firefox (and opera) there
    >>> is a
    >>>>> six inch gap between the title (the reater) and the first book... is
    >>> this
    >>>>> just a glitch because i cannot understand what is going on...
    >>>>
    >>>> Unfortunately, it's not a glitch, but the result of setting a clear
    >>>> property inside the content area in combination with having a floated
    >>>> navigation.
    >>>>
    >>>>> could someone please tell me if it looks ok on your computer so i know
    >>>>> whether or not it is my computer or the www that is causing this
    >>> madness..
    >>>>
    >>>> It's not your computer. It's all computers and all browsers (didn't
    >>>> check!), except for older Gecko's like Firebird.
    >>>>
    >>>>> thanks
    >>>>
    >>>> You're welcome.
    >>>>
    >>>> Workaround: float the images in the content area to the right instead
    >>>> of the left, and don't use clear:both or clear:left, but only
    >>>> clear:right.
    >>>>
    >>>> Another workaround: Make the entire content area a float. As you are
    >>>> using fixed width design already, this shouldn't be difficult to
    >>>> accomplish without changing much of the HTML.
    >>>>
    >>> so is there a big gap? because as i said when viewing it in topstylepro
    >>> (with firefox) there is no gap...?

    >>
    >> The gap is always as big (high) as the navigation. If you would have a
    >> page where the navigation is 1000px high, the gap also will be 1000px
    >> high.
    >>

    > i cleared left and floated the images right
    > and its worked... thankyou very much...
    >
    > why does the navigation in the other div affect the content div?


    Because it's floated, and the clear property basically says "go below
    all previous floats". Unfortunately this in practice includes the
    floats in other columns.

    --
    Els http://locusmeus.com/
    Sonhos vem. Sonhos vão. O resto é imperfeito.
    - Renato Russo -
    Now playing: Thunder - Empty City
     
    Els, Apr 21, 2005
    #7
  8. the idiot

    the idiot Guest

    "Els" <> wrote in message
    news:6u4pjroiu7os$...
    > the idiot wrote:
    >
    > > > http://www.207g.karoo.net/nwbp/html/reater.html

    >
    > > i shall try out your advice...

    >
    > That was quick - just saw the changed page :)
    >

    hehe.. sadly i will have peaked in an hour... and will shortly return to my
    normal crawling speed..
    thanks again..
    was it the floating of the images to the right that made it work or the
    clearing to the right?
    or is it up to me to figure that out?
     
    the idiot, Apr 21, 2005
    #8
  9. the idiot

    Els Guest

    the idiot wrote:

    > "Els" <> wrote in message
    > news:6u4pjroiu7os$...
    >> the idiot wrote:
    >>
    >>> > http://www.207g.karoo.net/nwbp/html/reater.html

    >>
    >>> i shall try out your advice...

    >>
    >> That was quick - just saw the changed page :)
    >>

    > hehe.. sadly i will have peaked in an hour... and will shortly return to my
    > normal crawling speed..
    > thanks again..
    > was it the floating of the images to the right that made it work or the
    > clearing to the right?
    > or is it up to me to figure that out?


    It was the clearing to the right that solved it. (or rather the
    elimination of clearing to the left). But of course it also has to do
    with the floating of the pics to the right, because if you would float
    the pics to the left and clear to the right... well, just try it and
    see what happens :)

    --
    Els http://locusmeus.com/
    Sonhos vem. Sonhos vão. O resto é imperfeito.
    - Renato Russo -
    Now playing: Thunder - Flawed To Perfection
     
    Els, Apr 21, 2005
    #9
  10. the idiot

    the idiot Guest

    "Els" <> wrote in message
    news:ko1ft9q5hh0a.7w158u06jzpm$...
    > the idiot wrote:
    >
    > > "Els" <> wrote in message
    > > news:6u4pjroiu7os$...
    > >> the idiot wrote:
    > >>
    > >>> > http://www.207g.karoo.net/nwbp/html/reater.html
    > >>
    > >>> i shall try out your advice...
    > >>
    > >> That was quick - just saw the changed page :)
    > >>

    > > hehe.. sadly i will have peaked in an hour... and will shortly return to

    my
    > > normal crawling speed..
    > > thanks again..
    > > was it the floating of the images to the right that made it work or the
    > > clearing to the right?
    > > or is it up to me to figure that out?

    >
    > It was the clearing to the right that solved it. (or rather the
    > elimination of clearing to the left). But of course it also has to do
    > with the floating of the pics to the right, because if you would float
    > the pics to the left and clear to the right... well, just try it and
    > see what happens :)
    >

    nope i dont think so... thanks again.
     
    the idiot, Apr 21, 2005
    #10
  11. the idiot

    Aquila Deus Guest

    the idiot wrote:
    > i have a page on a site i am building that is showing up rather weird

    in
    > firefox and opera
    > http://www.207g.karoo.net/nwbp/html/reater.html
    >
    > when i preview it in topstyle (with firefox) everything is fine and

    looking
    > as it should
    > but when i preview it online in firefox (and opera) there is a six

    inch gap
    > between the title (the reater) and the first book... is this just a

    glitch
    > because i cannot understand what is going on...
    >
    > could someone please tell me if it looks ok on your computer so i

    know
    > whether or not it is my computer or the www that is causing this

    madness..
    >
    > thanks


    no. But the site looks very good!
     
    Aquila Deus, Apr 21, 2005
    #11
  12. the idiot

    the idiot Guest

    "Aquila Deus" <> wrote in message
    news:...
    > the idiot wrote:
    > > i have a page on a site i am building that is showing up rather weird

    > in
    > > firefox and opera
    > > http://www.207g.karoo.net/nwbp/html/reater.html
    > >
    > > when i preview it in topstyle (with firefox) everything is fine and

    > looking
    > > as it should
    > > but when i preview it online in firefox (and opera) there is a six

    > inch gap
    > > between the title (the reater) and the first book... is this just a

    > glitch
    > > because i cannot understand what is going on...
    > >
    > > could someone please tell me if it looks ok on your computer so i

    > know
    > > whether or not it is my computer or the www that is causing this

    > madness..
    > >
    > > thanks

    >
    > no. But the site looks very good!


    ooh thank you very much.
     
    the idiot, Apr 22, 2005
    #12
    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. Aurelio

    FireFox and Opera

    Aurelio, Jun 16, 2005, in forum: ASP .Net
    Replies:
    16
    Views:
    685
    Amedee Van Gasse
    Jun 21, 2005
  2. Bob
    Replies:
    24
    Views:
    1,563
  3. Josef 'Jupp' Schugt

    Still use 'ruby-bugs' for Ruby bugs?

    Josef 'Jupp' Schugt, Nov 4, 2004, in forum: Ruby
    Replies:
    2
    Views:
    170
    Tom Copeland
    Nov 4, 2004
  4. Lachlan Hunt
    Replies:
    2
    Views:
    215
    Lachlan Hunt
    Aug 21, 2005
  5. Dr J R Stockton

    opera Bugs

    Dr J R Stockton, Sep 19, 2009, in forum: Javascript
    Replies:
    13
    Views:
    142
    Dr J R Stockton
    Sep 28, 2009
Loading...

Share This Page