fixed div box at bottom left corner - css-position

I want my green div box in fixed position at the bottom left corner of the page. But it is overlapping on the left navigation. I want green div box start its fixed position after the left navigation items end. Following is the code I have uploaded.
http://jsfiddle.net/awaises/remqf/
It is working fine in big screen resolution but in small resolution, green box is overlapping on the left navigation. Is there any possibility to restrict the green box after navigation end with 50 pixel gap and when we scroll down the page it is also fixed at bottom left corner in every resolution?

Could you give the impression of a gap above the green box by adding a top 50px border? http://jsfiddle.net/Y3qWu/

Related

Move view hiding its side in android

Moving a view I try to hide all parts of view that cross some vertical line, so view starts to loose its width to 0.
The image describes better what I want.
I mean not just shrink a width with scaleX but hide, because this command compresses the photo horizontally, and I need to hide it without distortion.
How can I do it?
On the image a photo started to move left with translationX hiding line by line left side of the photo during this movement. Also, the photo is not at left edge of screen - it's on the center
View has left(and x) attribute in its LayoutParams.
How can I dynamically set the position of view in Android?
When left attribute is negative, it is hidden under the parent view.
If you want an animation, here is the document!
https://developer.android.com/develop/ui/views/animations/reposition-view

Jssor: How to adjust image's position?

As the screenshot shows, after select an image for slider, it is not draggable. The only way to adjust its position is through the fill mode. How can I adjust its position more accurately? For example, align the image and the container's bottom left corner

How do I make a wide PanoramaItem always align to left when swiping back?

So I created a bunch of PanoramaItems with Width of 600 and Orientation of Horizontal. When I swipe to the right direction the items align perfect on each item. When I swipe back to the left direction, it appears everything is aligned to the right side forcing me to swipe again to get my alignment correctly.
Is there a way to set the focus location of a panoranaItem each time someone changes their selection? Because it is odd to swipe once in one direction and swipe twice in the other.

view is different on canvas and on simulator

Look at the titles of the buttons. Also the placing of the 1 at the bottom.
Any idea what can cause that? (All I did was to drag and drop and wrote some simple calc code)
In your picture, there are blue lines to the bottom and left of your 1 button. This means that your button is aligned to the bottom left of the screen.
The rest of your buttons are probably aligned with the top of the screen. This means that if height of the screen changes, your buttons will not line up. If you align the button to the top of the screen you shouldn't have this issue.
You can change the alignment by moving the button to the top of the screen so that the blue line is at the top and then dragging it back down to where you want it, or you can change it in the Size Inspector.
As for the issue of missing titles, it looks like somehow the buttons with missing titles have strange constraints that cause the titles to disappear when the screen is getting laid out. I was able to get rid of the issue by deleting all but the first row of buttons, selecting that first row and duplicating it 4 times for the other rows. This ensures that all the buttons are lined up perfectly. A couple of your buttons had a width of 71 instead of 64 which might have been causing them to be laid out poorly.

How do I expand a window to show more content in cocoa

I'm building an application in Cocoa and I want to be able to let the user click a button, which expands the window size showing content that was previously hidden.
For example, the top 68 pixels of my application show a summary of what is happening (like syncing data to a server) and there's a button off to the right that when clicked expands the window down and let's the user enter more information.
Problems I'm having are.
1) the background image I setup by subclassing NSImageView seems to be originated at the bottom left corner instead of the top left, so my button which should be over the right corner a the top of the background starts off over the right corner at the bottom of the background.
2) The window expands down and the button floats up. So the button starts at the bottom right corner and ends up at the top right corner. I want it to be in the top right corner always.
I think all of this would be solved if I could figure out how to tell the window to start at the top left corner and grow down, but not move controls around, simply hide them if the window isnt big enough.
Thoughts?
If I understand your question right then this should be it:
1) it is so because the coordinate system on mac is with the origin on bottom left. I think you should just move your image view up a little when you're resizing.
2) When you expand the window the buttons frame is based with the origin on the bottom left corner so again you will need to offset it when the view grows.
I think that by using auto layout and setting up the proper constraints things might be a little easier :)