SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Feb 2004
    Location
    usa
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question How do you design a fluid web page using CSS without tables.

    Thanks to Cameron and Paul for replying to my thread posted yesterday.
    Paul has some good examples out there with the link he provides. My requirement is to design a site using CSS without tables. That uses a screen resolution of 800 X 600 as the basic but would allow visitors with 1024 X 768 or 1152 X 864, 1280 X1024, 1600 X 1200 resolutions. To be able to view the pages without much degradation. Any ideas regarding a design of this nature? e.g. how much should the image sizes should be?

  2. #2
    Formerly known as RockNRollPig Shpigford's Avatar
    Join Date
    Dec 2002
    Location
    Denver, CO
    Posts
    2,877
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm a bit confused by your question. Are you asking "How do I design a website?"...because thats all I got out of your post...

  3. #3
    SitePoint Enthusiast DiDoKa's Avatar
    Join Date
    Oct 2003
    Location
    MA
    Posts
    54
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    sure, check out:
    http://css.maxdesign.com.au/floatutorial/

    especially the liquid two and three colum layout tuts.

    "Any ideas regarding a design of this nature? e.g. how much should the image sizes should be?"

    Well, that depends on how your layout is working. Not too long ago i built a tableless layout with 3 colums and the whole thing was 100% in width, now I had a littlebit of a problem, the sidebars to the left and right were bot fixed with (had to be) now it was the center, where the main content is placed, that adjusted, what i got were some serious overflow problems with images, that were to big, so i had to test, and test, and test again, until i found a way to fit it all snuggly in 600x800 on a small monitor.

    Hope that helps

  4. #4
    SitePoint Member
    Join Date
    Feb 2004
    Location
    usa
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks,

    My question should have read how do design a page using CSS without tables. That would use a screen resolution of 800 X 600 as the basis but allow others with different resolutions like 1024 X 768, 1280 X 1024 , 1600 X 1200 to view this page as well as without affecting the apperance very much. That's how wide or high should the images be to start out. This is easy to do with tables but I wouldn't to be able to this by not using tables.

  5. #5
    100% Windoze-free earther's Avatar
    Join Date
    Feb 2003
    Location
    Linuxland
    Posts
    2,788
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Tech_Eng
    Thanks,

    My question should have read how do design a page using CSS without tables. That would use a screen resolution of 800 X 600 as the basis but allow others with different resolutions like 1024 X 768, 1280 X 1024 , 1600 X 1200 to view this page as well as without affecting the apperance very much. That's how wide or high should the images be to start out. This is easy to do with tables but I wouldn't to be able to this by not using tables.
    It is quite possible to make fluid sites without tables - all of mine are. The trick is to use % for the width of the divs (or at least some of them - some could also be in px).


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •