combining fixed and absolute divs with a global min-width?

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • microgolf

    #1

    combining fixed and absolute divs with a global min-width?

    Hey,
    i'm new to this group beceaus i have a question i have been trying to
    solve
    for a few days now but i just cant figure it out.

    I am trying to constrain the min-width of my site,
    but i have some div's in there with a fixed and absolute
    positioning...
    And these two dont seem to get along?
    Or maybe it is beceaus i use z-index to layer some divs.
    I have been out-comenting allmost every line of css i wrote but when
    it works
    i dont like the design of the outcomme...

    div#container{
    min-width: 960px !important;
    }

    div#flower{
    background-image: url(graphics/flower.gif);
    background-repeat: no-repeat;
    position: absolute;
    position: fixed;
    /*float: left;*/
    top: 100px;
    left: 10%;
    bottom: 0;
    width: 250px;
    height: 100%;
    z-index: 2;
    }

    two snippets of code to illustrate
    here is the link to the site in question.




    as an extra i validated the xhtml and css and there are no errors :D

    thanks in advance to anyone who can help me, or at least try's
    microgolf
Working...