Page is a not externally linkable
- Code, Content, and Presentation
-- JavaScript and AJAX
---- Detect Monitor Size and Adjust Accordingly?

Fotiman - 6:31 pm on Mar 7, 2013 (gmt 0)


This is a CSS question (since we're talking about presentation). :)

Do a search on "responsive design" or "responsive web design". To summarize, you basically use media queries to apply styles based on the current max-width. For example: 

.container {
  width: 1366px;
}

@media (max-width: 1024px) {
  .container {
    width: 960px;
  }
}


Read up on Responsive Design.

Thread source:: http://www.webmasterworld.com/javascript/4552234.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com