Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Apr 2005
    Location
    WV
    Posts
    116
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Why is my page working fine in IE but not Firefox???

    I'm having this problem where my webpage will work in IE just fine but when I preview it in firefox...its completely screws up. I'm still learning alot about css sooo if someone can point me in the right direction that would be nice =D Well here is my html and css so far:
    <!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="css/mystyle.css" />
    <title>My Portfolio</title>
    </head>
    <body>
    <div id="wrapper">
    <div id="rightheader"></div>
    <div id="header"> hi1</div>
    <div id="leftcolumn">hello </div>
    <div id="centercolumn"> hi</div>
    <div id="rightcolumn"> nice</div>
    <div id="footer"> Hey, my footer goes here! </div>
    </div>
    </body>
    </html>
    body {
    background-color: #FFFFFF;
    }
    #wrapper {
    width: 775px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    }
    #header {
    width: 625px;
    height: 100px;
    border-left: medium solid #6699cc;
    border-bottom: medium solid #6699cc;
    background-color: #FFF;
    float: left;
    }
    #rightheader {
    width: 146px;
    height: 104px;
    background-image: url(../images/rightheader.gif);
    background-color: #FFF;
    float: left;
    }
    #rightcolumn {
    float: left;
    height: 200px;
    width: 129px;
    background-color: #FFF;
    }
    #centercolumn {
    float: left;
    height: 200px;
    width: 496px;
    border-left: medium solid #6699cc;
    text-align: center;
    background-color: #FFF;
    }
    #leftcolumn {
    float: left;
    height: 200px;
    width: 146px;
    background-color: #FFF;
    }
    #footer {
    clear: both;
    }

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You need to clear your header floats.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Regular Coder
    Join Date
    Apr 2005
    Location
    WV
    Posts
    116
    Thanks
    0
    Thanked 0 Times in 0 Posts
    So how exactly do you know when to use the clear attribute? Can you please explain that to me so next time this happens I won't have to ask the same question over.

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

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