Click to See Complete Forum and Search --> : [RESOLVED] Floating and Position:relative/absolute


dtm32236
11-05-2007, 12:57 PM
Hey guys,

On this (http://www.foremostgroups.com/dev/2007corporate/K&B/heritage_bath/delaware.shtml) page, you'll see a 'download' dropdown menu in the top right. When this expands, it pushes the content below it down. I'm trying to make this so that expands above the content, without affecting it (as if it were set to position:absolute). But I'm trying to avoid absolute positioning, as it won't allow me to keep the box in that top right corner. Anyone have any ideas?

I also have a similiar (yet opposite) problem below... I'd like the content of the page ("For refined elegance...") to affect the position of the box below it (vanity, mirror, etc), but i cant get it to. When the content expands, it gets hidden underneath the box (see attached screenshot).

I don't understand how to fix these issues - i've been playing with it since friday morning, and i think that i've tried every combination of float:left/right and position:relative/absolute I could think of and i just don't understand how to get this working.

Any help with an explanation of what I'm doing wrong would be greatly appreciated. Thanks guys.

dtm32236
11-05-2007, 02:13 PM
edit: I got the first problem fixed (with the 'download' dropdown menu) but I still don't know how I can make the 'product box' move with the content ("For refined elegance...")

EDIT (again): nevermind, i got it all working now - i was being stupid (i had a negative margin-top on the box). that was dumb.

everything's working fine now.