Forum Moderators: not2easy

Message Too Old, No Replies

Help making css template liquid

make website work with all resolutions

         

latinunit

11:47 pm on Sep 7, 2009 (gmt 0)

10+ Year Member



Hi, guys im having trouble making my website work with all resolutions in other words liquid, i have a temp site where im working on.

the address is <snip>

please look at the source and there it is the address to the .css file,

my problem is that, i want the divs to move as the resolution changes,

as you can see the main divds are the chat, website, and buttons

i want these to b alwayz centered and if resolution changes then these should like sort of toggle or srink, to alwayz be central but when i try this, the chat div overlaps the website div.

[edited by: swa66 at 2:35 am (utc) on Sep. 8, 2009]
[edit reason] No links, please see ToS and Forum Charter [/edit]

D_Blackwell

12:17 am on Sep 8, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The link is going to get cut, so I will comment around any specific reference. The issue here is one of basic design choices anyway.

Liquid designs are great. It's a choice, but not a bad choice.

my problem is that, i want the divs to move as the resolution changes,

Problems arise if the liquid design breaks when scaled in the most common browser resolutions. The design should prevent this. It is a bigger and more likely problem if one designs for a high resolution and does not account for lower resolution users. Then, broken containers can start overlapping and the site will become a wreck. One most also give some degree of consideration to users that zoom the page to make it easier to read. Depending upon the design, and 'tolerances', this can blow up a page as well

Serious problems are less likely if designing to a lower or 'most used' resolution, and making sure that the text is large enough and/or will not break if the user zooms the page.

Also, users with high resolution monitors are the least likely to be viewing full screen. They can adjust the viewport easily enough if need be.