Hello There,

I have a login area which I have minimized and I use Javascript to enlarge it so that users can log in. You just have to click on the tab and the area grows to show all of the content. The problem is that IE7 when you click on the tab the area grows but the tab which should remain under the drop down area doesn't move. Since it is the div immedately preceeding the growing div it should be pushed down but it isn't happening.

Any thoughts or solutions?

2 answers

This was chosen as the best answer

Well the above answer didn't quite work I am not sure why. I fiddled some more with floating the button and putting it in other divs but that didn't work.

What I ended up doing is putting one dummy div in between the growing. I just it to a height of 1px and then gave the div beneath it a margin-top -1px. I hate work arounds but it does work.

Answered over 8 years ago by Patrick Rauland

Probably it has to do with the positioning relative the pharagraph containing the Login link. try moving the link inside the div id logoWrapper and float it to the right. This way you will also have less markup!

Answered over 8 years ago by adelacreative
  • It didn't quite work. I fiddled some more with the floating tab and I moved it around but i just ended up putting in a dummy div. I don't know why it works but it does. Thanks Patrick Rauland over 8 years ago