Tom's Guide | Tom's Hardware | Tom's Games
 |
 |
 |
Hi,
When i view my page in a browser that is used at Full Screen it aligns the way I designed, but when i change the window size (Making it Smaller) the items on the page start to overlap each other so they fit in the window. I have scrolling enabled so that when the browser isnt maximized people can use scroll bars to view the page. But I would like to have the objects stay in place when the page size is manipulated..Any Help would be MUCH appreciated...Thanks
You have to specify the position of objects rather than leaving it up to the browser. One way is to set the top and left attributes on every object, but that is a pain.
The opposite extreme is to put fixed width DIV or TABLE around everything. I havent' done this for a while, so I might not get it exactly right, but the idea is something like:
<BODY>
<DIV style="position:absolute;top:0;left:0;width:800">
all your stuff
</DIV>That DIV statement created a DIV position at the top of the page with a fixed width of 800pixels. If the browser is narrower than 800, a scrollbar will be added to the bottom of the browser, but the DIV will always be 800 pixels wide (unless I suppose you put something inside that is wider than 800 pixels).
Note that I did not specify the height. The height will be determined by the amount of stuff that you put inside.
If you make the background color of the DIV match the background color of the screen, you won't be able to tell where the boundaries are.
0 
The "DIV" command worked like a charm....Thanks for all the help the page works great now!!! Thanks again...
0  |
 |
 |
This post is quite old and has been locked from receiving new replies. Please create a new posting instead.
| Ads by Google |
