FireFox support for the CSS

Discussion in 'CSS' started by megetron, Dec 23, 2009.

  1. #1
    Hello,
    1. I am using IE to design a website, but when view with firefox, the main articles box is messed up. you can view this http://karusela.net

    2. The second issue is that the images in the bottom-left of the page, for some reason, float out of the page limits. you can view this with firefox here: http://karusela.net/c_121_%D7%A1%D7%A8%D7%98%D7%99%D7%9D.aspx
    What can I do in order of adding a firefox support.

    I tries solving this for days but just don't know how.

    please look at the source and try to figure out what is wrong.

    thank you for help.
     
    megetron, Dec 23, 2009 IP
  2. megetron

    megetron Peon

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    anyone? please help...
     
    megetron, Dec 24, 2009 IP
  3. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #3
    Apparently, your server is off-line. It is not responding.

    You can generally assume that if IE<8 and Firefox disagree, Firefox is showing what you coded. That is, IE is wrong. If you're looking at IE8 in standards mode, the two will mostly agree.

    Well, I just timed out for the third time. When you're back on-line, we'll give it another shot. Or, you could post a minimal test case source.

    Note: Please give folks a chance before bumping the thread. In the US, your first post was just before midnight, and you're back 8 hours later. Additionally, in the west, we're starting a major holiday period through Monday. You may find few people checking in.

    cheers,

    gary
     
    kk5st, Dec 24, 2009 IP
  4. cynthia.360bpo

    cynthia.360bpo Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    make the compatibly so you can see i on fire fox
     
    cynthia.360bpo, Dec 25, 2009 IP
  5. megetron

    megetron Peon

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I don't know why the server is not available, so, I saved an html file with source and the stylesheet.css it uses....
    Here is the link to download:
    http://uploading.com/files/bfea1de9/Desktop.zip/
     
    megetron, Dec 25, 2009 IP
  6. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #6
    Ok, first thing you should do before thinking about CSS issues is fix your markup. With 145 validation errors you do not even have HTML, you have complete gibberish. It's a miracle it renders correctly ANYWHERE - and being that I'm seeing four different layouts in four different browsers, it's most likely it is NOT rendering properly anywhere.

    Though you are making the classic colossal mistake of designing in IE, which pretty much guarantees you page will NOT work in any other browser - PERIOD. As such you are going to have to throw it all away and start over.

    Right up top we can see the first mistake - doctype goes BEFORE HTML, not after. This means in designing to IE you have been doing so in 'quirks mode' which means a completely broken box model. You swap those to what they should be for order, your layout is likely going to break in IE as well, though at least with IE8 it will be broken the same as how everyone else is broken.

    Presentational markup, tables for layout, tags you aren't supposed to use if you have CSS like CENTER, AJAX for nothing scripting... The markup is such a disaster I wouldn't think you could apply CSS to it in a consistent manner to make it work cross-browser. We can tell it's a train wreck since you have 56k of html to only display 3k of text content and maybe ten non-presentational images/objects - easily eight to ten times what should be necessary.

    Oh, and KK5ST, turn off your spam filtering, his URL is blacklisted both by Opera and the FF adblock plugin... Which isn't too surprising given what country said site is from.
     
    deathshadow, Dec 27, 2009 IP
  7. megetron

    megetron Peon

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Because of the country FF/Opera will filter the site? or do I have a way of changing it?
    because I am checking FF and it is working for me....
    what do you advice to do about it?

    Secondly, I add DTD and now it is works fine. had to do miinor changees in the CSS.

    and last, to present 3K of text I am using 56K of html...
    What you are trying to explain is that I will need to reduce html code and using CSS code instead?

    I hope I can reduce the html size and make the page quicker to load. this is the main page so I prefer make it better.

    do you have a suggestions?
    Can you please see the new code of the website after I made the changes, and let me know what do you think, or maybe send an example of how to change the html file. please note that this html is generated by asp.net, and some if the html is not controled fully by me.

    Thanks:)
     
    megetron, Jan 9, 2010 IP