Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS FF inserting padding/margin at top of page

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #23900
    friendtodogs
    Member

    I have a couple nested divs that should be positioned at the top of the page but for some reason EI pushes them right up there but FF does not.

    Just to make me EXTRA crazy, if I add a border around the nested div the problem solves itself (are you kidding me!?)

    The #header-bkgd div seems to be the one that won’t behave.

    Here is the code………………………………………………………………
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
    <html xmlns="http://www.w3.org/1999/xhtml"&gt;
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!–
    body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #EBEBEB;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
    }
    .oneColFixCtr #container {
    width: 1000px;
    background: #FFF;
    margin: 0 auto;
    }
    .oneColFixCtr #header-bkgd {
    position: relative;
    left: 0px;
    top: 0px;
    background: url(images/img-bkgd.gif) no-repeat;
    height: 417px;
    width: 1000px;
    /* border: 1px solid #ebebeb;*/
    }
    .oneColFixCtr #pos-statement {
    font-family:Georgia, "Times New Roman", Times, serif;
    color: #FFFFFF;
    position: relative;
    top: 101px;
    left: 33px;
    height: 45px;
    width: 332px;
    margin-top: 30px;
    margin-left: 10px;
    }
    –>
    </style>
    </head>

    <body class="oneColFixCtr">

    <div id="container">
    <div id="header-bkgd">
    <div id="pos-statement"> AdvisorShares is an investment management firm designed to offer actively managed ETFs.</div>
    <!–end #header-bkgd –>

    <!– end #container –></div>
    <!– end #mainContent –></div>

    </body>
    </html>

    #52769
    iopet
    Member

    Change

    Code:
    position: relative;

    for .oneColFixCtr #pos-statement to

    Code:
    position: absolute;
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.