SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict drjones013's Avatar
    Join Date
    Jan 2007
    Location
    Las Vegas, NV
    Posts
    216
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Another IE verus Firefox issue

    This renders as expected in IE but Firefox for some reason doesn't recognize the divs that I've set up.

    Code:
    * {
    margin: 0px;
    padding: 0px;
    }
    
    body {
    font-family: verdana, "arial narrow", helvetica, geneva, sans-serif;
    color: #000000;
    }
    
    h1, h2, h3, h4, h5 {
    font-family: "times new roman", courier, sans-serif;
    text-align: center;
    font-size: 1.5em;
    }
    
    #container {
    width: 800px;
    height: 600px;
    margin: auto;
    padding: 0px;
    background-color: #EEEEEE;
    }
    
    .section {
    width: 800px;
    height: auto;
    overflow: hidden;
    }
    
    .header {
    width: 600px;
    height: auto;
    margin: auto;
    background-color: #BBBCCC;
    overflow: hidden;
    }
     
    .seccon {
    width: 800px;
    height: auto;
    background-color: #EEEEEE;
    overflow: hidden;
    }
    Here's the HTML:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <head>
     <meta http-equiv="Content-type" content="text/html; charset=UTF-8">
     <title>This is my stupid webpage</title>
     <link rel="stylesheet" type="text/css" href="style1.css">
    </head>
    <body>
     <div id="container">
      <div class="section">
       <div class="header">
        <h1>This is a header</h1>
       </div>
       <div class="seccon">
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut facilisis lectus. Morbi sodales mattis nisi. Proin eget nisl nec velit elementum egestas. Donec vitae odio quis augue pellentesque hendrerit. Cras ultrices purus at sem. Cras porta ante vitae arcu. Nullam condimentum commodo purus. Sed mollis molestie lectus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras volutpat malesuada metus. Ut id turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque sit amet ipsum in leo aliquet congue. Nullam vehicula massa eget nunc. Nullam tempus, velit at porttitor consectetuer, dolor est placerat turpis, non varius est risus ut nulla. Integer dapibus nonummy elit. Maecenas imperdiet. Vestibulum consequat libero a lacus.</p>
        <p>Pellentesque semper ligula. Donec ut leo id erat scelerisque mollis. Praesent elit. Aliquam malesuada malesuada tortor. Aliquam non velit vitae turpis varius pretium. Morbi sem tortor, molestie vitae, placerat eu, fermentum sed, ante. Aliquam risus metus, molestie nec, congue fermentum, sollicitudin ut, magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nulla at elit. Integer posuere placerat est. Cras tempor. Nullam metus quam, fermentum in, vulputate et, faucibus ut, massa. Pellentesque quis pede. Praesent eros dolor, malesuada non, tincidunt sit amet, luctus ut, nisl. Nullam porttitor. Praesent eget elit. Nulla pellentesque.</p>
        <p>Mauris bibendum mattis ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut auctor volutpat eros. Donec varius accumsan enim. Suspendisse potenti. Aliquam feugiat, mauris quis viverra auctor, lacus tortor dictum nunc, eu pretium leo est sed sem. Aliquam massa. Aliquam metus nisi, convallis eget, tempus at, feugiat sed, metus. Nullam ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam nec quam a nibh lobortis commodo. Morbi dictum. Quisque felis augue, pharetra at, volutpat eleifend, condimentum vel, mi. Vivamus non augue. Sed dolor. Vestibulum arcu leo, vulputate eget, pharetra at, pulvinar in, ante. Duis vitae odio non nunc dictum pharetra. Morbi dui metus, tempor at, vehicula et, ultrices nec, libero.</p>
        <p>Donec sed ante nec tellus posuere semper. Donec porta lobortis metus. Nunc felis. Donec vitae sapien a odio blandit lacinia. Nam facilisis. Integer feugiat. Curabitur placerat, est in volutpat aliquet, enim orci convallis nisl, at vehicula tortor lorem in felis. Nullam a nibh ut velit rhoncus nonummy. Vestibulum viverra. Cras a arcu sed tortor semper ornare.</p>
        <p>Quisque massa augue, luctus ac, commodo ut, tincidunt eget, risus. Cras est. Integer tincidunt. In hac habitasse platea dictumst. Mauris elementum nunc eget dolor. Suspendisse ornare feugiat mauris. Integer laoreet purus. Ut fermentum mi nec libero. Morbi eu purus eget nunc pharetra imperdiet. Sed eu erat ac ipsum interdum convallis. Praesent nec nisl. Fusce aliquam luctus sem. Sed luctus gravida lectus. Donec commodo</p>
       </div>
      </div>
     </div>
    </body>
    </html>
    Any help would be appreciated... I feel like I should know the answer to this (grumbles and throws back another energy drink)
    Boyd's OODA Loop:
    Observe, Orient, Direct, Act

  2. #2
    SitePoint Addict
    Join Date
    Apr 2007
    Location
    Phoenix, AZ
    Posts
    230
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I copied your code and used IE7 and Firefox and they looked the same to me.
    Joe

  3. #3
    SitePoint Addict drjones013's Avatar
    Join Date
    Jan 2007
    Location
    Las Vegas, NV
    Posts
    216
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Could it be an issue with the settings on Firefox, then?

    Wasn't working at my computer and hadn't thought about that.

    edit: Just tested it now in Firefox on a different terminal and it works fine. Thanks for proving I'm not crazy, Joe.
    Boyd's OODA Loop:
    Observe, Orient, Direct, Act


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •