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.

Browser

Discussion in 'HTML & Website Design' started by jbzcc, Aug 30, 2008.

  1. #1
    Hi
    I need advise on what i need to go and get tutorial on.
    Why is it that after designing a page and it looks
    okay on internet explorer but by the time
    you view it on fire fox it looks ugly.
    What do i need to fix and why does this happen?
    SEMrush
     
    jbzcc, Aug 30, 2008 IP
    SEMrush
  2. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,363
    Likes Received:
    571
    Best Answers:
    4
    Trophy Points:
    385
    #2
    Each browser has its own quirks. You need to write valid cross browser code - if your code is TIGHT, then FF should display something very similar to IE.

    Do you want to give us a url to look at?
     
    Kerosene, Aug 30, 2008 IP
  3. nicangeli

    nicangeli Peon

    Messages:
    828
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #3
    At the start of your css file place the following,

    
    * {
    padding: 0;
    margin: 0;
    }
    
    Code (markup):
    That resets all of the paddings and margins on each tag that you use. You now have a blank canvas to work with.

    Then as Kerosense says, write valid markup with a strict doctype and the results should look the same (roughly) on most major browsers.

    There will always be some bugs that exists in browsers, that you undoubtedly will have to work around.
     
    nicangeli, Aug 30, 2008 IP
  4. jbzcc

    jbzcc Peon

    Messages:
    110
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks, what of if I do not have a css file?
     
    jbzcc, Aug 30, 2008 IP
  5. jbzcc

    jbzcc Peon

    Messages:
    110
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Well i will go and read more about valid cross browser code. Thanks!
     
    jbzcc, Aug 30, 2008 IP
  6. jamesicus

    jamesicus Peon

    Messages:
    477
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #6
    You should author all your pages to be Interoperable in all User-Agents of which graphical Browsers such as IE, Firefox, Opera, Safari, et al are one type. A big step in this direction is to always Validate your Markup (HTML/XHTML) -- that is why the W3C includes a Interoperable Congratulatory message upon successful validation.

    James
     
    jamesicus, Aug 30, 2008 IP
  7. twodayslate

    twodayslate Well-Known Member

    Messages:
    541
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    130
    #7
    Code for Firefox, hack for IE.

    IE sucks so the site will not look the same. That is why you have to use browser hacks to make it look OK in IE6 and sometimes IE7.
     
    twodayslate, Aug 30, 2008 IP
    kk5st likes this.
  8. jamesicus

    jamesicus Peon

    Messages:
    477
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #8
    I think it is counter-productive to try and make "pixel perfect" web page layouts for all graphical Browser viewing these days. Web authors do not know what type of User Agent - graphical Browser, textual Browser, or Screen Reader, each of their visitors will use to access their web pages, or what screen size (resolution) they have. They certainly have little control over how their web pages will be viewed and displayed. As the WWW progresses, Web authors will have less and less control over the way users view their web pages in graphical Browsers. Many users, especially People with Disabilities, will exert more and more control over how they view and navigate web pages. Newer graphical Browsers permit users to do such things, via drop-down menus, as:

    Selectively turn off image display.
    Disable (CSS) Style sheets.
    Enlarge or reduce text size (also via the keyboard).
    View only alternate text for images.
    Resize the entire page layout.
    Disable animation.
    Turn off or modify coloration.
    Substitute the user's own personal style sheet, and so on

    You should anticipate that some visitors wiil view your pages exactly as they want to.

    James
     
    jamesicus, Aug 30, 2008 IP