fluid-layout

I have not been able to find a solution to this and am willing to change whatever I need to as long as I can keep a couple things. The entire list element needs to be a link, the text within that link needs to be centered to the list item which has a background image. I need this fluid so I choose to use the padding-top to maintain the aspect ratio and to create the correct height. With using that padding top to create the height, I can not for the life of me figure out how to get the text vertically centered. I have seen a few other questions that addresses this issue somewhat but I have not

I am in the process of creating a site that i would like to be responsive. I am using Twitter bootstrap to assist with this. I have managed to get the majority of it working but a few elements within the site are not playing ball. Now maybe im just missing the obvious but would appreciate it if someone could point out where I have gone wrong so that 1) i can correct the issues and 2) learn from my mistakes. The site is at http://growing-mist-5023.herokuapp.com/ and the part im trying to fix is the polaroids across the center of the page under the slider. All constructive criticism welcomed as

I found this jQuery code that allows to center a div that doesn't have fixed dimensions both horizontally and vertically. It works with the window height and width. So when I resize the window, the div is still centered within the window. My issue is that, right now, it doesn't work unless I resize the window first. So if I just load the page, the div isn't centered unless I manually resize the window. This, of course, is not ideal. So I'm trying to find a way around it. But my jQuery skills being very limited I'm stuck right now. Here's the page I'm working on: http://dev.manifold.ws/test2/

I'm trying to create a fluid text input with a submit button to its right. The input and the button should fill 100% of its container. Here is an approximation of what I'm trying to achieve: http://jsfiddle.net/t7tgJ/ The problem I'm running into to is, in order to have the input fill its container I need to give it a fluid width, like 100%. However if I float the button right, I'll need to bump down that width to something like 90% so that the button can fit. But this only works for one viewport size. What I want is something like input { width: 100% - {button.width}; } button { float: right;