Why is this working in IE and not firefox

Discussion in 'HTML & Website Design' started by larryweiss, Jul 8, 2008.

0
  1. #1
    This is a big problem to me. This css seems OK, but does NOTHING in firefox.

    Also I do not understand why divison 6 is outside the wrapper. Also, is there a way to do away with the <div class="cl"></div>

    Please help.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>

    .WRAPPER {
    width: 770px;
    border: 2px solid .000000;
    }
    .1 {
    margin: 2px;
    padding: 10px;
    float: left;
    width: 705px;
    border: thin dotted .000000;
    }
    .2 {
    margin: 2px;
    padding: 10px;
    float: left;
    width: 500px;
    border: thin dotted .000000;
    }
    .3 {
    margin: 2px;
    padding: 10px;
    float: left;
    width: 200px;
    border: thin dotted .000000;
    }
    .4 {
    margin: 2px;
    padding: 10px;
    float: left;
    width: 500px;
    border: thin dotted .000000;
    }

    .5 {
    margin: 2px;
    padding: 10px;
    float: left;
    width: 200px;
    border: thin dotted .000000;
    }
    .6 {
    margin: 2px;
    padding: 10px;
    float: left;
    width: 500px;
    border: thin dotted .000000;
    }
    .7 {
    margin: 2px;
    padding: 10px;
    float: left;
    width: 600px;
    border: thin dotted .000000;
    }
    .cl {
    clear: both;
    }

    -->
    </style>

    </head>

    <body>
    <div class="WRAPPER">

    <div class="1">1-as'lkjnasK;NFKJFDN</div>
    <div class="cl"></div>
    <div class="2">2as'lkjnasK;NFKJFDN</div>
    <div class="3">3as'lkjnasK;NFKJFDN</div>
    <div class="cl"></div>
    <div class="4">4as'lkjnasK;NFKJFDN</div>
    <div class="5">5as'lkjnasK;NFKJFDN</div>
    <div class="cl"></div>
    <div class="6">6as'lkjnasK;NFKJFDN</div>

    </div>
    </body>
    </html>
    ​
     
    larryweiss, Jul 8, 2008 IP
  2. yankzilla

    yankzilla Peon

    Messages:
    159
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Below <head> add: 
    <style><!--
    Code (markup):
    So simple. Also your CSS is all screwy. I don't think that FF3 supports thin as a size for the browser. Try using 1px. Also, for your colors, use a # instead of a ".' - such as #000000
     
    yankzilla, Jul 8, 2008 IP
  3. Gary_Johnson

    Gary_Johnson Banned

    Messages:
    147
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hello, larryweiss,

    I have modified your code and checked in FF3.0 it's working properly..... please use below code for that....one more thing never use only numeric name for style name and make practice to create external CSS.

    GOOD LUCK,....



    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <style type="text/css">
    <!--
    .WRAPPER {
    width: 770px;
    border: 2px solid #000000;
    overflow:hidden;
    }
    .a {
    margin: 2px;
    padding: 10px;
    float: left;
    width: 705px;
    border: 1px dotted #000000;
    }
    .b {
    margin: 2px;
    padding: 10px;
    float: left;
    width: 500px;
    border: 1px dotted #000000;
    }
    .c {
    margin: 2px;
    padding: 10px;
    float: left;
    width: 200px;
    border: 1px dotted #000000;
    }
    .d {
    margin: 2px;
    padding: 10px;
    float: left;
    width: 500px;
    border: 1px dotted #000000;
    }

    .e {
    margin: 2px;
    padding: 10px;
    float: left;
    width: 200px;
    border: 1px dotted #000000;
    }
    .f {
    margin: 2px;
    padding: 10px;
    float: left;
    width: 500px;
    border: 1px dotted #000000;
    }
    .g {
    margin: 2px;
    padding: 10px;
    float: left;
    width: 600px;
    border: 1px dotted #000000;
    }
    .cl {
    clear: both;
    }
    -->
    </style>


    </head>

    <body>
    <div class="WRAPPER">

    <div class="a">1-as'lkjnasK;NFKJFDN</div>
    <div class="cl"></div>
    <div class="b">2as'lkjnasK;NFKJFDN</div>
    <div class="c">3as'lkjnasK;NFKJFDN</div>
    <div class="cl"></div>
    <div class="d">4as'lkjnasK;NFKJFDN</div>
    <div class="e">5as'lkjnasK;NFKJFDN</div>
    <div class="cl"></div>
    <div class="f">6as'lkjnasK;NFKJFDN</div>

    </div>
    </body>
    </html>
     
    Gary_Johnson, Jul 8, 2008 IP
    larryweiss likes this.
  4. larryweiss

    larryweiss Active Member

    Messages:
    84
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    73
    #4
    So near and yet so far.

    THANK YOU SOOOOOO much Gary.

    Is there a link you would like?
     
    larryweiss, Jul 8, 2008 IP