homepage Welcome to WebmasterWorld Guest from 54.147.196.159
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / WebmasterWorld / New To Web Development
Forum Library, Charter, Moderators: brotherhood of lan & mack

New To Web Development Forum

    
Simple HTML question from a novice.
Dino_M

10+ Year Member



 
Msg#: 171 posted 12:15 pm on Nov 13, 2002 (gmt 0)

When a user narrows the size of the viewing window, HTML text changes so it can be read without having to scroll from side to side. How can I stop this from happening?

 

korkus2000

WebmasterWorld Senior Member korkus2000 us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 171 posted 12:18 pm on Nov 13, 2002 (gmt 0)

Use a table.
<table width="640">
Don't use percentages. Use absolute values.

Dino_M

10+ Year Member



 
Msg#: 171 posted 12:28 pm on Nov 13, 2002 (gmt 0)

yes of course - half asleep this morning :)

ukgimp

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 171 posted 1:53 pm on Nov 13, 2002 (gmt 0)

Why will % not work?

If you make the table a % of the window would that not cause the text to flow and not scroll.

Am I missing something?

Dino_M

10+ Year Member



 
Msg#: 171 posted 1:55 pm on Nov 13, 2002 (gmt 0)

uk gimp

I wanted it not to flow! :)

LucyGrrl

10+ Year Member



 
Msg#: 171 posted 1:57 pm on Nov 13, 2002 (gmt 0)

By making the table a set pixel size you are telling it that no matter how large or small the window is made, the table will remain that set pixel size.

By making a table a percentage, the table will move to that set percentage based on the size that the window is made.

Does that help?

ukgimp

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 171 posted 2:00 pm on Nov 13, 2002 (gmt 0)

ahhhhhhhhhhhh

and now it bocomes clear that I may well be a muppet :)

tedster

WebmasterWorld Senior Member tedster us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 171 posted 2:01 pm on Nov 13, 2002 (gmt 0)

You can also use a div based layout and give the div an absolute width in pixels.

A related method (usable some day in the near future) is the min-width: rule for an element, set with CSS. Browser support is spotty today, but eventually it *should* ensure that small windows don't completely collapse a layout.

Coupled with max-width: you can declare a liquid layout that doesn't get too wide or too narrow.

Dino_M

10+ Year Member



 
Msg#: 171 posted 2:07 pm on Nov 13, 2002 (gmt 0)

Tedster

Now thats the solution I really need. I set the text using css and z-order positioning, when the window chaged size to much it became a complete mess but some fexability would be great.

Toronto

10+ Year Member



 
Msg#: 171 posted 2:31 pm on Nov 14, 2002 (gmt 0)

It is also possible to create a transparent 1 pixel gif. Then place the gif in the table and give it size variables of width=640 and height=1 this will let you use percentages in the table but never allow the table to shrink smaller then 640. Simple cross platform fix. Also the same gif can be used over and over to give this effect where ever it is required.

kcartlidge

10+ Year Member



 
Msg#: 171 posted 7:35 pm on Nov 18, 2002 (gmt 0)

Perhaps the easiest way is to use a table.

Don't worry about setting the width parameter, just put the parameter 'nowrap' in the TD section.

Example code portion:
<td align="right" nowrap valign="middle">

In IE, Opera and Pheonix/Mozilla that allows the window to be resized only up to the point where the TD's contents would be wrapped. At which time the horizontal scrollbar appears instead.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / WebmasterWorld / New To Web Development
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved