The Perfect Fluid Width Layout - CSS-Tricks - The Diigo Meta page

• 25 Apr 12
  

  markalex

  css webdesign layout design mobile

• 25 Mar 12
  

  Max Bortone

  webdesign html framework

• 25 Jan 12
  

  David Fennell

  liguid db

• 01 Jan 12
  

  johnnyicon

  webdesign layout fluid web CSS liquid design Tutorial

• 11 May 11
  

  geogiougg

  css fluid webdesign layout

• 16 Apr 11
  

  Mark Vickers
• 08 Apr 11
  

  dimis_dlakis

  css fluid width layout

• 16 Mar 11
  

  Rui Andrada

  MyDelicious: The Perfect Fluid Width Layout | CSS-Tricks http://ow.ly/1bNOHs

  via:packrati.us css webdesign layout design fluid html web

• 05 Aug 10
  

  Jennifer Culp

  css html webdesign layout design code delicious

• 29 Jul 10
  

  Tom Readings

  css layout fluid design webdesign layouts templates html

• 17 Jun 10
  

  Rupert Peacock

  Web Design Fluid Layouts

• 02 Jun 10
  

  Michael Caldwell

  css layout webdesign fluid design templates layouts html

• 12 May 10
  

  Fabio Salzano

  css layout design webdesign

• 07 Apr 10
  

  Marcelo Mazza

  css design resources

• 03 Apr 10
  

  Esfand S

  css layout fluid

• 02 Feb 10
  

  leftherism

  ramapo webdesign

• 28 Aug 09
  

  Matt Nupen

  CSS webdesign layout

• 27 Aug 09
  

  Paw Yam

  css

• 26 Aug 09
  

  briangos O'Sullivan

  Design

• 24 May 09
  

  roxanne sutton

  css layout fluid templates layouts fluidlayout

• 19 Feb 09
  

  Matthew Boatman

  web design webdesign development tutorial code css html webdev article graphics tricks layout dev templates fluid tutorials layouts template xhtml width css-layout

• 18 Feb 09
  

  Marius Rugan

  css

• 17 Feb 09
  

  London Tokyo

  webdesign css templates layouts

• 11 Nov 08
  

  stanley diaz
• 09 Oct 08
  

  kg4dni

  webdesign css tutorials fluid css-layout fluid-layout

• 08 Oct 08
  

  Nice Thai

  webdesign layout fluid Delicious

• 08 Sep 08
  

  Tim Franklin

  css

• 13 Aug 08
  

  clizzin

  css example design

• 08 Jul 08
  

  Maggie Wolfe Riley

  webdesign design layout accessibility usability browsers CSS

• 05 May 08
  

  storetext

  layouts

• 27 Apr 08
  

  Andrew Wells

  css

• 29 Mar 08
  

  adiwidjaja

  css html fluid

• 18 Mar 08
  

  Marko Prljic

  css

• 27 Feb 08
  

  Joshua Nunn

  HTMLandCSS css

• 19 Feb 08
  

  alfred westerveld

  quickd

• 15 Feb 08
  

  Sebastião Miraglia

  Tips, Tricks, and Techniques on using Cascading Style Sheets (CSS)
  

  Bookmarks Toolbar Folder Webdev CSS

• 13 Feb 08
  

  Perry Branch

  css design example layout tips web

  • I think the best possible scenario is to make a fluid width site that accomodates everyone. Here is what I think would be the “Perfect” fluid width layout:

     
     
    • Works in all major browsers
     
    • Shrinks to 780px
      This accomodates users with 800x600 resolution, with no horizontal scroll!
     
    • Grows to 1260px
      This accomodates users with 1280x768 resolution and everything in between.
     
    • This accommodates 90%+ of all internet users. You could easily make this layout grow larger, but be mindful of how line-length affects readability. Nobody wants to read a line of text 1980px long.
     
    • Sidebars are of “equal height” to the main content
     
    • Page content is centered for users with even higher resolutions.

    • I use 700px to allow for my 1024x768 Tablet PC to be in Portrait mode.
    Add Sticky Note
• 14 Jan 08
  

  Данило Кубай

  css layout webdesign

• 02 Jan 08
  

  Rebecca Teague

  CSS webdesign

• 06 Dec 07
  

  Esther S

  CSS layout

• 29 Nov 07
  

  Nawsher Noor

  development CSS webdesign _imported

• 15 Nov 07
  

  bussolon

  css design html layout templates webdesign

• 14 Nov 07
  

  snifferboy

  CSS

• 

  Beatrix Bammel

  css layout template Webdesign

• 

  Jérémy Chatard

  web templates design fluid webdesign layout css

• 13 Nov 07
  

  Jeroen van der Ent

  css fluid

• 

  rob_cornelius

  css fluid layouts

• 04 Nov 07
  

  Yhancik Hancik

  CSS layout webdesign fluid templates

• 25 Oct 07
  

  alexgorbatchev

  Works in all major browsers, shrinks to 780px, grows to 1260px.

  layout html design code templates css noobkit development freeware

• 23 Oct 07
  

  Nick Lewis

  css tricks

  fluid css

• 18 Oct 07
  

  David Sky

  layout

• 

  ubik

  css layout webdesign design fluid web templates graphics tutorials

• 15 Oct 07
  

  Betty Sixtysix

  layout css template

• 14 Oct 07
  

  Chrys R

  layout webdesign css web

• 

  xflash Manuel

  CSS

Public Stiky Notes

• 
  Perry Branch on 2008-02-13
  I use 700px to allow for my 1024x768 Tablet PC to be in Portrait mode.

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.