SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Jun 2001
    Location
    Nashville Tennessee
    Posts
    23
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Table / Text Problem

    I have designed a site for myself and it looks fine in my browser. When I looked at it on a 19" monitor the text size changed and it messed up my table the way I laid it out.
    Does different browser sizes automatically change text size?
    If so, or any other reason, is there html code that I can put in my site to keep it from doing this?
    Take a look at the page I am inquiring about, I know the graphics need to be compressed to load faster... still working on that, but the table problem is the one I need help with at the moment. http://www.xecutech.net/xxxindex.htm .
    It is not an adult site so don't let the xxxindex part run you off. Any help would be appreciated.

  2. #2
    Bimbo With A Brain! silver trophy Saz's Avatar
    Join Date
    Mar 2001
    Location
    Kent, United Kingdom
    Posts
    5,275
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's nothing to do with the size of the monitor or the resolution - I took your site all the way from 640x480 to 1280x1024 and the text was fine............

    ..............until I told my browser to view using a larger font size!

    This is where your problem lies. You'll be pleased to know you can correct it, by setting the font in your code to, for example, size="12pt" as opposed to size="3". However, you run the risk then of upsetting users who have to browse with a larger font due to poor eye-sight.
    Saz: Naturally Blonde, Naturally Dizzy!
    No longer Editor of the Community Crier.

    Don't mind me, I'm having a BLONDE moment!

  3. #3
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    x...

    This is what I saw when I upped the size of my text:
    http://www.gravitydigital.com/misc_uploads/xtech.gif

    You're just not thinking ahead is all. Yes, different browsers display text at slightly different sizes by default, and even worse, different Operating Systems (Mac and Windows) display text even more disparately.

    Depending on how much more time you want to spend on your design, there are a few options for you.

    1) Right now you have a "front page" and an "internal page". The internal page still has some of the same problems, but it would be much easier to redesign to prevent the text size issue from messing up your layout.

    2) You could totally redo the site.

    3) You could redesign the front page.

    My suggestion would be to use the same layout from your internal page for your front page.

    A quick fix would be to open your HTML, browse to the portion where these images are contained:

    left.jpg
    right.jpg

    and set a valign="top" in either the TD tag or the TABLE tag. That wil prevent those images from moving down when the text is resized. Then you would need to do something else with bottom.jpg. My recommendation would be to rethink that section of the mockup. You're usually just asking for trouble when you fully enclose a resizeable element such as text

    Those things should get you started and thinking about a fix.

    By the way, nice to see a fellow Nashvillian, I work across the street from the Bell South building.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes


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
  •