1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Firefox css problem

Discussion in 'CSS' started by mauroed79, May 7, 2005.

  1. #1
    Hi there,
    is there anybody who can tell me why the header of this page results in mislayout using Firefox, while works ok with any other browser (I.E., Opera, Netscape)? :mad:

    http://stefanstennis.free.fr/interactive/forum/index.php

    Thanks for your help :)

    P.S. Sorry it's not a live link, but I'm a new member... :cool:
    SEMrush
     
    mauroed79, May 7, 2005 IP
    SEMrush
  2. Stin

    Stin Guest

    Messages:
    264
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    site looks good nice job

    didnt notice any problem with the header at all using firefox 1.0.3
     
    Stin, May 8, 2005 IP
  3. nevetS

    nevetS Evolving Dragon

    Messages:
    2,544
    Likes Received:
    211
    Best Answers:
    0
    Trophy Points:
    135
    #3
    Looks good here too. Same version.
     
    nevetS, May 8, 2005 IP
  4. CompressedAir

    CompressedAir Peon

    Messages:
    56
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Looks like you fixed it.
    Just for a rule of thumb, Firefox should display things as you have coded them. If it looks fine in IE and not in Firefox, chances are it's your code that is broken, not the browser! :)
     
    CompressedAir, May 9, 2005 IP
  5. yarman

    yarman Peon

    Messages:
    22
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #5
    i had some CSS issues with firefox like...0.8 i think...i hadnt dl the new one for a while. then i got 1.0.2 and 3 and since then no problems...try dl the new firefox if u dont have it....
     
    yarman, May 13, 2005 IP
  6. Colleen

    Colleen Illustrious Member

    Messages:
    6,778
    Likes Received:
    725
    Best Answers:
    1
    Trophy Points:
    430
    #6
    I see the issue you're having in FireFox. The yellow in the header is getting a white gap. I could just simply blame it on the ImageReady crap code, which should never be used. The code looks bad.

    Anyway, I am looking at it and trying to fix it, I will post the code if I get it fixed if someone else hasn't by then.

    I am going to be tempted to re-code this ImageReady crap code. :confused:

    *walks away scratching head, mumbling, "why am I a geek?"* Lol.
     
    Colleen, May 13, 2005 IP
  7. Colleen

    Colleen Illustrious Member

    Messages:
    6,778
    Likes Received:
    725
    Best Answers:
    1
    Trophy Points:
    430
    #7
    The code is so atrocious, it's NOT XHTML 1.0 Strict, as your doctype states.

    The problem goes away when I removed the doctype so try using a different doctype, maybe html 4.0 transitional... or else clean up your code so it's XHTML 1.0 Strict and that should fix your problem.
     
    Colleen, May 14, 2005 IP
  8. mauroed79

    mauroed79 Active Member

    Messages:
    56
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    93
    #8
    Hi Lady78,
    thanks very much!!!!! you understood the problem. I solved it removing the doctype indication, now it gives me no mislayout in Firefox!

    http://stefanstennis.free.fr/interactive/forum/index.php

    Thanks for the dedication you put into trying and fixing everything and sorry if only now I found your message.

    Thank you again!
    Mauro :D
     
    mauroed79, May 28, 2005 IP
  9. J.D.

    J.D. Peon

    Messages:
    1,198
    Likes Received:
    64
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Now you ended up with a document that looks like XHTML, but without DOCTYPE, which means that most browsers will try to interpret it as transitional HTML. Since it is not, you are going to have browser compatibility problems as you move along. Download the HTML tidy utility and run your pages through it to make them valid HTML or XHTML:

    http://tidy.sourceforge.net/

    J.D.
     
    J.D., May 28, 2005 IP