Welcome to the IMTalk - Internet Marketing & SEO Forum.
  • Login:
+ Reply to Thread
Results 1 to 3 of 3
  1. #1
    Hajoless is offline Banned Hajoless is on a distinguished road
    Join Date
    Apr 2011
    Posts
    117
    Thanks Given
    0
    Thanked 3 Times in 2 Posts

    Dimensions of a fixed-sized website

    I was wondering what you guys use for dimensions of a fixed size site.

    I basically want to have all of the site fitted for a 800x600 screen w/ no horizontal scrollbar. Viewed on a 1024x768 or better I'll have background behind the main part of the site.

    I've been trying for a while but I can't seem to find the perfect width. I know it is less then 800px because the scrollbar takes up some of the width. Also, I know there is a way to disable the horizontal scrollbar (in CSS) but is this advisable?

    If anyone can help me with a CSS code example of how'd they'd set up a site like I mentioned or the dimensions they use. I would be a happy camper, thanks.

  2. #2
    wink0r's Avatar
    wink0r is offline Moderator wink0r is a splendid one to behold wink0r is a splendid one to behold wink0r is a splendid one to behold wink0r is a splendid one to behold wink0r is a splendid one to behold wink0r is a splendid one to behold wink0r is a splendid one to behold
    Join Date
    Oct 2010
    Location
    East Coast, USA
    Posts
    2,183
    Thanks Given
    941
    Thanked 651 Times in 491 Posts
    I use 960px to fit a 1024 screen. Even most netbooks have 1024 resolution. For an 800px total width 760px should be about right. You can produce a vertical scroll bar on all pages by setting the body height to 101%. If you are working on an 800px screen that would show you how longer pages would display. As far as disabling scroll bars that would be done with an overflow: hidden; rule I believe, but I have never tried it and do not recommend it. Many mobile screens now days have less than 800px resolution. Some, if not all, of those do some magic to display bigger pages, but I would rather not depend on it.

  3. #3
    sphere1's Avatar
    sphere1 is offline IM & SEO Quiet One sphere1 is on a distinguished road
    Join Date
    Sep 2011
    Posts
    20
    Thanks Given
    0
    Thanked 4 Times in 1 Post
    Hiya here is an example of how margins, padding, and borders interact in html thou. But you might want to make some changes to it depending on screen size.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
    <HTML>
    <HEAD>
    <TITLE>Examples of margins, padding, and borders</TITLE>
    <STYLE type="text/css">
    UL {
    background: yellow;
    margin: 12px 12px 12px 12px;
    padding: 3px 3px 3px 3px;
    /* No borders set */
    }
    LI {
    color: white; /* text color is white */
    background: blue; /* Content, padding will be blue */
    margin: 12px 12px 12px 12px;
    padding: 12px 0px 12px 12px; /* Note 0px padding right */
    list-style: none /* no glyphs before a list item */
    /* No borders set */
    }
    LI.withborder {
    border-style: dashed;
    border-width: medium; /* sets border width on all sides */
    border-color: lime;
    }
    </STYLE>
    </HEAD>
    <BODY>
    <UL>
    <LI>First element of list
    <LI class="withborder">Second element of list is
    a bit longer to illustrate wrapping.
    </UL>
    </BODY>
    </HTML>


 

Similar Threads

  1. Replies: 2
    Last Post: 05-03-2011, 03:00 PM
  2. Pixel based advertising with custom adspace dimensions (dennis' method)
    By dennis in forum Internet Marketing General Talk
    Replies: 1
    Last Post: 01-31-2011, 02:30 PM

Posting Permissions

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