CSS Same Throughout All Browsers

Discussion in 'HTML & Website Design' started by samontash, Jan 21, 2012.

0
  1. #1
    I have a blogger blog likelitelife.blogspot.com . I basically use Mozilla and have optimised it to look good in mozilla. However, when I check it in Opera, Chrome or IE, there are some CSS misinterpretations. It's okay in IE, but too many space appear between post title and body and two different post titles. In Chrome and Opera, The fonts aren't displayed properly. On the top of it, I use Google Web Fonts and Chrome itself doesn't display them properly. Same Problem with Opera too. Also in IE, Rounded Corners are never displayed. Please help me with this. My blog can be found at http://likelitelife.blogspot.com
     
    samontash, Jan 21, 2012 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    You have 267 HTML errors and 71 CSS errors. End of story.
     
    drhowarddrfine, Jan 21, 2012 IP
  3. WRZdesign

    WRZdesign Well-Known Member

    Messages:
    59
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    111
    #3
    You can read this article to find more about the css rounded corder fix and browser compabitle http : // www. css3.info/preview/rounded-border/
     
    WRZdesign, Jan 21, 2012 IP
  4. trtrtrtr

    trtrtrtr Greenhorn

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #4
    Just design against CSS3 browsers ,soon all others will obey the same rules
     
    trtrtrtr, Jan 22, 2012 IP
  5. diannesw

    diannesw Member

    Messages:
    9
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #5
    Fix all errors, then account for all browser differences by adding browser specific extra CSS. There are many well documented cross-browser issues that are easy to predict and fix.
     
    diannesw, Jan 23, 2012 IP