Looks good in IE but not Firefox

Discussion in 'CSS' started by digital1016, Jul 10, 2008.

0
  1. #1
    Hello, i just created my frist tableless website using divs and css. theres basically no style to it yet, just want to get the page layout taken care of first. My site looks fine in IE but not quite in FF.

    the problem is with the 728x90 box near the footer. that 728x90 box is going to represent a 728x90 banner.

    if you compare between firefox and internet explorer you can see the issue.

    any tips? thank you

    my site popularvirals-dot-com
     
    digital1016, Jul 10, 2008 IP
  2. Masim man

    Masim man Active Member

    Messages:
    73
    Likes Received:
    4
    Best Answers:
    2
    Trophy Points:
    58
    #2
    It is an overlapping problem, to fix this just add this to your CSS:

    .ads-footer {
    clear:both;
    ...
    }

    Also add this to the body to make it fit in IE.

    .body {
    margin:0;
    padding:0;
    ...
    }
     
    Masim man, Jul 11, 2008 IP
  3. modern_mozart101

    modern_mozart101 Peon

    Messages:
    105
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I usually find that it's IE that shows pages wrong
     
    modern_mozart101, Jul 11, 2008 IP
  4. digital1016

    digital1016 Active Member

    Messages:
    153
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #4
    thanks, that did it. do you think you can give a explanation of what i just added, im still trying to learn what all the properties mean.
     
    digital1016, Jul 11, 2008 IP
  5. blktallos

    blktallos Active Member

    Messages:
    314
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    60
    #5
    Float clearing can be one of the most frustrating aspects of CSS development. It takes a little bit of patience and thought to set up your floats and clears in a way that facilitates both your design and the flexibility required in a modern website.

     
    blktallos, Jul 11, 2008 IP
  6. Ledzf

    Ledzf Peon

    Messages:
    77
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #6
    You'll find some useful technique and some explanation about "clear: both" by search "quirksmode.org clear: both" in Google.

    However, the new solution wasn't applied because the "width: 100%".
    In fact I'm facing this problem when I learning to create Tableless website, there had many other technique you'll need to learn later.
     
    Ledzf, Jul 12, 2008 IP