absolute positioning inf firefox

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • goldenboy651
    New Member
    • Jan 2007
    • 3
    #1

    absolute positioning inf firefox

    My Positioning in IE 6 is exactly the way I want it, but when I view the page in my firefox browser things are out of place. When I try and change the css my IE page moves, but the firefox doesn't. Any help would be greatly appreciated. I have set the margin and padding to 0. I am new to html and css so I don't know what else to try. Thanks

    I have a doc type...
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">

    here is my css code...
    *{
    margin:0;
    padding:0;
    }
    body {
    color: #FFFFFF;
    background-color: #000000;
    margin: 0px;
    padding: 0px;
    float: none;
    width: auto;
    position: absolute;
    }

    .header {
    color: #FFFFFF;
    position: absolute;
    left: 160px;
    top: 23px;
    text-decoration: none;
    height: 85px;
    width: 403px;
    background-image: url(Images/FakeAILogo.jpg) ;
    background-repeat: no-repeat;
    }
    .subheader {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    left: 397px;
    top: 110px;
    height: 40px;
    color: #FFFFFF;
    text-decoration: none;
    width: 268px;
    }

    #container{
    color:#FFFFFF;
    font-size:18px;
    position: absolute;
    left: 93px;
    top: 165px;
    width: 683px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    height: 174px;
    }

    #rileyHouse{
    background-image:url(Image s/riley.jpg);
    background-repeat: no-repeat;
    height: 145px;
    width: 160px;
    clear: left;
    float: left;
    }

    #skyline{
    background-image:url(Image s/skyline7.jpg);
    background-repeat: no-repeat;
    height: 147px;
    width: 158px;
    float: left;
    }

    #dropMenu{
    font-weight: normal;
    color:#FFFFFF;
    position: absolute;
    left: 468px;
    top: 365px;
    background:#000 000;
    height: 28px;
    width: 228px;
    }
    Tags: None
    • drhowarddrfine
      Recognized Expert Expert
      • Sep 2006
      • 7434
      #2
      Showing the css is only showing half the picture. We need the whole thing. In any case, if it works in IE but not Firefox then your code is wrong. IE is old, buggy and non-standard. Never initially test in IE. Always, always use Firefox or Opera or anything but IE.

        Comment

        • goldenboy651
          New Member
          • Jan 2007
          • 3
          #3
          Originally posted by drhowarddrfine
          Showing the css is only showing half the picture. We need the whole thing. In any case, if it works in IE but not Firefox then your code is wrong. IE is old, buggy and non-standard. Never initially test in IE. Always, always use Firefox or Opera or anything but IE.
          I hit refresh and everything changed to the way I wanted it in Firefox. Is there any explanation for this?

            Comment

            • drhowarddrfine
              Recognized Expert Expert
              • Sep 2006
              • 7434
              #4
              That would only happen because you are refreshing the cache. Otherwise you are viewing the older page from cache.

                Comment

                Previous template Next
                Working...