Auto-Shrink Bug in IE
So Im trying to make my system (that works perfectly in Firefox and is almost perfect in Safari) to work for Internet Explorer (7 first and then Im going to tackle version 6).
And im facing with this wierd shrinking problem. I have some divs that are positioned absolute and restricted only by a top, left, right, bottom and min-width CSS properties. The thing is, sometimes, e.g. when I change the display/visibility property of some other div, the other divs decide to shrink to min-width. Huh???
So Im preparing my arsenal of books to refer to. The internet hasnt been very helpful cuz I probably cant really pinpoint the exact problem. I tried isolating just an absolute div and another that I hide/show and the problem is not reproduced.
Alright, one from my arsenal of CSS resources should have the answer:
I hope.
Update: Turns out that the fix was simple. I have been using "absolute" instead of "fixed". A fixed position made more sense because thats what I wanted in the first place. No idea why i used "absolute". Anyway, something else I didnt know when using an absolute position (from this book):
You should specify only a left or right offset and a top or bottom offset. If you specify both left and right or both top and bottom, one must be the absolute negative of the other (for example, top:3px; bottom:3px;). If you have top and bottom or left and right that do not have absolute negative values of each other, the right or bottom offset will be ignored.
