Problems with browsers.

Discussion in 'HTML & Website Design' started by Rienk0r, Oct 11, 2007.

  1. #1
    Hello everyone ,

    I'm making a new Portfolio and while coding it, I stumbled on a problem:

    [​IMG]

    This is in Internet Explorer; As I am been told, IE is displaying the code good.

    [​IMG]

    This is in Firefox, here it's not centered, only in the top.

    What do I do?


    Thanks in Advance.
     
    Rienk0r, Oct 11, 2007 IP
  2. goodamira

    goodamira Banned

    Messages:
    51
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Thank you for this great information
     
    goodamira, Oct 11, 2007 IP
  3. Rienk0r

    Rienk0r Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    What do you mean?
     
    Rienk0r, Oct 11, 2007 IP
  4. Rienk0r

    Rienk0r Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Can Anyone Help Me?
     
    Rienk0r, Oct 22, 2007 IP
  5. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Hi Reinkor,

    Do you understand the difference between margin and padding? I'm sometimes still confused by which one does what. But anyway, you want to increase the padding on the body div, which will create space to push the smaller inner div down.
    Also, if these boxes are meant to sit in the center of the web site, remember that left margin will not always keep it in the center depending on how wide or small the screen is. If you wanted to center also, use margin: 0 auto; (but maybe that's not your meaning).
    I changed the padding on the logo to margin, to keep it in place.

    Also, remember that various browsers have their own default paddings and margins. You never know what you're gonna get. So, you almost always want to use the universal selector to zero out that. It's at the top of the style sheet, before body.

    See code and image, http://stommepoes.jobva.nl/Reink0r/reinkor.html

    Oops, I misspelt your name. : (
     
    Stomme poes, Oct 22, 2007 IP
  6. Rienk0r

    Rienk0r Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Thank you Stomme poes, bedankt :D
     
    Rienk0r, Oct 22, 2007 IP