Dynamically moving table in CSS
Hi I'm trying to make a webpage that looks like this mock up I've made..
I've managed to get the background to dynamically resize to fit in most browsers, I'm having trouble getting the central elements to all move together so that it still looks like they're sitting on the floor.
I want all of the elements to always be centered but to move up and down in accordance with the users browser.
I understand that it's going to be impossible to make the elements sit in the same place in EVERY browser but wish to achieve this as best as possible.
My current HTML is here:
and my current CSS is here:
I'd really appreciate any help.
It actually is possible. Read up on flexible grid width design- specifically media queries and the css specific code for different browsers.
The short of it is that you create a set of CSS rules that are specific to variables that you specify- for example, you want to indicate layout rules for a smaller screen:
|All times are GMT +1. The time now is 09:42 PM.|
Powered by vBulletin®
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.