Forums

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

Home Forums CSS Full div problem

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #31704
    tiagoroldao
    Member

    I have one div that i want to be 100% width and height with a bg with opacity.

    What happens is, that div apeears to break on the page.. Check the image please.

    http://i51.tinypic.com/k51o2e.jpg

    Here is the code too:

    #temp-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(/images/preto50.png) repeat;
    z-index: 1100;
    }

    .temp-container {
    position: relative;
    width: 540px;
    padding: 30px 30px 20px 30px;
    border: 5px solid #d21879;
    background: #FFF;
    margin: 50px auto 0 auto;
    font-family: Georgia, "Times New Roman", Times, serif;
    }

    Cant understand why..

    Thanks

    #59146

    Hi,
    you forgot to set the background repeat or no-repeat, for that you have to use

    #temp-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(/images/preto50.png) no-repeat;
    z-index: 1100;
    }

    #59151
    tiagoroldao
    Member

    I forgot? The “repeat” background is there….

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.