www.webdeveloper.com
Results 1 to 4 of 4

Thread: Postion of text in page layout?

  1. #1
    Join Date
    Nov 2003
    Posts
    3

    Postion of text in page layout?

    Does anyone know how to "lock in place" the position of html text on a webpage? I'm referring to text that has been positioned where I want it on the page using layout tables and cells. I'm making it so the text is of fixed pixel size---so that the text always will appear the same size---regardless of which "text size" (smallest, smaller, medium, larger, largest) is the current setting on a typical web browser.

    The way I'm making text on a webpage stay fixed at a certain pixel size is by using the following code in a page's head section:

    <head>

    <style type= "text/css">

    .bodytext {font size: 15px}

    .heading {font size: 19px}

    </style>

    </head>

    Each line of text in the body of the page can have these classes ("bodytext" or "heading") applied to them. The result is that the size of the text always stays the same when viewed through a browser. However, when a user tries different text size settings on the browser, the position of the lines of text still changes with each setting. The best way to see what I'm talking about is to look at this example at www.lakeinthewoods.org. Try adjusting the text size to different settings---you'll see that the position of the text on the homepage jumps around, it doesn't stay "locked" in the middle.

    If you check out www.cnn.com or www.si.edu. you'll see that no matter what text size setting you try, the size and position of all text on the page stays locked in place--exactly where the designer meant it to be. This is what I am trying to achieve. How is it done?

    Maybe the way to do this involves using css exclusively, and not working with html tables and cells?


    Thanks,
    Chris Flanders
    cflanders@adelphia.net
    Last edited by Luther; 11-09-2003 at 09:24 AM.

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    give each selector a font-size
    div, p, span, etc {font-size:14px;}

  3. #3
    Join Date
    Aug 2003
    Location
    In my house
    Posts
    4,004
    That doesn't seem to work in Mozilla 1.4, that's the version I'm using, so I'm not sure about any others. On my current site I set the size of some text to 13px, but Mozilla seems to ignore that, and resize the text anyway.
    Thousand different paths
    So many sterile ends
    I chose the Devil's path

    Never shall the sun kiss my face
    And caress me with it's burning light
    For I dwell in the shadows
    And sleep side by side with death

  4. #4
    Join Date
    Nov 2002
    Posts
    2,632
    Modern browsers give the user the ability to over ride your setting the font to a certain size. This gives people with poor eye sight the ability to view text on your site even when you define it too small for them. Browsers like Opera and Mozilla give the user the ability to do this. It looks like only IE keeps it the same if the font size it already defined. I'll go out on a limb and say IE will change that for IE 7.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles