Page problem with firefox. ok in Int Explorer. Help Needed

Discussion in 'HTML & Website Design' started by Ninauk, Apr 16, 2008.

  1. #1
    Hi All,

    Im just starting to design a website, with css. im quite new to this and have got it working ok in IE7 but gaps are showing up in Firefox2. i cant attach the file or put live links in yet as my post is low. but have typed them in for anyone to see.

    The website is here.
    http://nexusafrica.com/~joomyco/


    heres an image of the problem. you will see in IE its fine. i have highlighted the problems in Firefox.
    http://img186.imageshack.us/img186/6975/problemos5.jpg

    would be really grateful if anyone could help me sort this problem out and show me what im doing wrong for cross browser compatability.

    Thanks
     
    Ninauk, Apr 16, 2008 IP
  2. MoT

    MoT Peon

    Messages:
    97
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    when you link to an external stylesheet you dont need the <style> tags within that css file, remove those and your body padding/margin will work as intended and add #mainContent h1 { padding: 0px; margin: 0px; } somewhere your css

    so remove
    <style type="text/css"> 
    <!-- 
    
    -->
    </style>
    
    Code (markup):
    and add
    #mainContent h1 { padding: 0px; margin: 0px; }
    Code (markup):
     
    MoT, Apr 16, 2008 IP
  3. Ninauk

    Ninauk Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi MoT

    that worked perfectly. many many thanks. was getting to me so went and clieaned the fish tank came back and you replied. now i can move on

    again many thanks

    Nina
     
    Ninauk, Apr 16, 2008 IP
  4. kangaroobin

    kangaroobin Peon

    Messages:
    170
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    thats interesting...the problems I always have are getting things to show up right in IE7...l love firefox
     
    kangaroobin, Apr 16, 2008 IP
  5. PoppinDots

    PoppinDots Member

    Messages:
    59
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #5
    I have the same problems sometimes. Things work in firefox but are whack in IE. Why can't everything just be simple?
     
    PoppinDots, Apr 16, 2008 IP
  6. Trusted Writer

    Trusted Writer Banned

    Messages:
    1,370
    Likes Received:
    52
    Best Answers:
    0
    Trophy Points:
    160
    #6
    When I have gap problems I use <div> spacing instead of line or paragraph breaks, as in example

    here it comes my content
    <br /> <br />
    and kepp counting...
    
    Code (markup):
    changed to
    here it comes my content
    <div style="height:3px;"></div>
    and kepp counting...
    
    Code (markup):
    [​IMG] You can try different height sizes to cope with the problem and you can even integrate it into your stylesheet as a divider class or a series of dividers to be reused as needed
     
    Trusted Writer, Apr 16, 2008 IP
  7. Ninauk

    Ninauk Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7

    Yeah, wierd how somethings work for others. BTW: i see your from Tampa. We are flying into Florida next Saturday for a vacation, cant wait. keep the weather nice for us please :D


    It nice that people will help, been on a few other forums and no one will help.

    Thanks to everyone thats replied, if i get into trouble anymore i know where i will be posting.
     
    Ninauk, Apr 17, 2008 IP