Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

  1.  permalink
    Hi!

    I have a little problem.
    Is the way to position a floating div so it's overlapping previous div and shifting up to top about 25px?
    I know I know you can do it if DIV positioned absolutely on a page but the problem with that absolutely position divs not collapsing correctly. So if I have additional footer div it's not pushing it down rather stays somewhere in the middle since leftcolomn and centercolum not collapsing equally.
    Here is the link.
    http://www.iprok.com/goods/template2.html

    As you see rightcolumn has a white space on a top.
    Which is equal to the height of the searchbox. How I can push it up and still keep Integrity?

    Best, DS
    •  
      CommentAuthormaspick
    • CommentTimeMar 24th 2006
     permalink
    DS -

    You could try changing #rightcolumn from

    "float: right;"

    to

    "position: relative; top: 0; right: 0;"

    Also, you should change the div with class of "columns" to an id of "columns" and adjust your stylesheet accordingly.

    That's my 2 cents. :^{>
  2.  permalink
    You can use negative margins.

    margin-top: -25px;
  3.  permalink
    Yes I can set a negative value. But I think Safari on Mac has a problem with that.
Add your comments
    Username Password
  • Format comments as (Help)