Resolution and screen problems a text different

Resolution and screen problems a text different (Full Version)

All Forums >> [Web Development] >> Microsoft FrontPage Help

Message

dsulvett -> Resolution and screen problems a text different (1/7/2005 18:14:55)
first THANK YOU for your help, it is so cool to go somewhere and get expert help for free... OK... i am trying to figure things out myself but am having trouble... 1. I built a website for a client, i have only completed 1 page and it is sketchy but here is the problem... i built the site and when the client went to view it,,, IT WAS ALL OVER THE PLACE and that is NOT what i see on my computer, but their resolution is set to 800x600 (yuk), the text is not in the correct spot, the page is HUGE and not viewable without scrolling sideways...ETC.... How can i fix this, is there an easy way and in the future how do i make CERTAIN this doesnt happen again??? is there a feature in FP2003 that will convert to a larger resolution,,, I DONT want to build using 800x600... one other thing, the graphics on the site look horrible at 800x600 but when i view them at 1024x768 they look great... just one more, WHY DOES THE BANNER LOAD LAST AND DOESNT SEEM LIKE IT IS embedded in the page??? THANK YOU FOR YOUR HELP IN ADVANCE!!!!! here is what i mean... www.nettechservice.com (im new at this but im trying, so please dont laugh)

dpf -> RE: Resolution and screen problems a text different (1/7/2005 18:42:02)
quote: it is so cool to go somewhere and get expert help for free... quote: im new at this but im trying, so please dont laugh) put those 2 together..you have actually found an astonishing place.... the level of expertise is unparalled (<edit> how many times must i try to spell this? unparalleled?</edit><edit-again> jaybee: what am i doing wrong ?<edit-again>and yet,,never will anyone laugh at you here,,never,,,if it were not friday and ihad not had 13 vodkas, i would help you ,,tomorrow i shall try

Larry M. -> RE: Resolution and screen problems a text different (1/7/2005 19:57:49)
dsulvett While Dan's celebrating Friday (presumably because it only comes once a week), I'll take a stab at a couple of your concerns: quote: WHY DOES THE BANNER LOAD LAST AND DOESNT SEEM LIKE IT IS embedded in the page??? At 66866 bytes, the header image is pushing 3/4 of a megabyte and will continue to creep up in relation to the rest of the page images until it is reduced in size and/or optimized. quote: I DON'T want to build using 800x600... You did say your Web Client is using 800x600 didn't you? Seems as though you have little choice but to rebuild using fixed pixel width tables. This approach will keep your pages from the "IT WAS ALL OVER THE PLACE" gotcha you referred to. There is no conversion feature in FrontPage - the visitor's resolution dictates their viewing experience. Lastly, I'm not wild about the Vroom audio clip, but maybe it's appropriate for this site. BUT, please do yourself a favor and ditch the funky background in favor of a solid color. Dan will return tomorrow!

dsulvett -> RE: Resolution and screen problems a text different (1/7/2005 22:39:50)
Thank you...i appreciate it... so what your saying is that since "most people" view websites in 800x600, i should change my resolution to that when i build sites... (i know you didnt actually say most people use 800x600 but i read that somewhere)... next, cut the banner size down... do everything in "tables" so the text stays in the same place for whoever is viewing it. you cdont like my VROOM VROOM....i thought i was being clever! ya know harleys.... also, the background, another clever idea, bu t i do see your point with that. Thanks!!!!

Kitka -> RE: Resolution and screen problems a text different (1/8/2005 3:03:09)
quote: so what your saying is that since "most people" view websites in 800x600, i should change my resolution to that when i build sites... (i know you didnt actually say most people use 800x600 but i read that somewhere) I believe that 1024x768 is in the majority now, but <hint> if the site owner is using 800x600, it had better look good in that</hint>! Enough people are still using 800x600, that if you need a fixed width (rather than fluid), then it must fit on the lowest common denominator. You don't actually need to change your own screen resolution, just ensure that the width of the page doesn't exceed about 760px and check it often in your browser set to 800x600. Also, you should view your site in Firefox and maybe some other browsers (Netscape & Opera etc). In Firefox on my screen, your address & phone are being partially covered up and the orange background is finishing miles short of the bottom of your table. I strongly suspect that using a fixed "height" for the tables is the culprit. It is far better to use no height for tables or cells, and allow it to be fluid. Then it can adjust itself to differing resolutions monitors, software etc.

Donkey -> RE: Resolution and screen problems a text different (1/8/2005 5:49:52)
I think the best trick is to design in 1024 x 768 but keep checking it in 800 x 600. Use a fluid or semi- fluid layout and accept that the 800 x 600 will probably look a bit cramped but as long as nothing actually overlaps it's OK. A lot of us browse with a smaller window because we have additional toolbars or sidebars, so at 1024 x 768 we are probably not much better than 800 x 600. I suggest that the minimum current requirement is full screen 800 x 600, and the optimum to design for is 1024 x 768 in Firefox with the sidebar in place. If you have the Firefox developer tools extension you can check at different screen resolutions using the resize button.

dsulvett -> RE: Resolution and screen problems a text different (1/10/2005 10:09:19)
Thank youeveryone.....you have helped me a great deal.... how do i use "fluid" is there a setting in FP2003?????

dpf -> RE: Resolution and screen problems a text different (1/10/2005 10:33:46)
quote: It is far better to use no height for tables or cells and % for widths

dsulvett -> RE: Resolution and screen problems a text different (1/10/2005 10:39:15)
you guys are losing me.... im a newbie

Donkey -> RE: Resolution and screen problems a text different (1/10/2005 11:53:52)
quote: you guys are losing me.... im a newbie AFAIK there is no "fluid" setting in FP. If you do what Dan suggested above: quote: quote: It is far better to use no height for tables or cells and % for widths You will have a fluid layout that resizes to fit the browser window.

dsulvett -> RE: Resolution and screen problems a text different (1/10/2005 12:25:56)
Thanks Donkey but HUH? im not so sure as to what you mean....

Donkey -> RE: Resolution and screen problems a text different (1/10/2005 13:04:45)
Instead of setting the table column widths in pixels set them as percentages. For instance if you only had one column it would be 100% wide, 2 equal columns would each be 50% wide. You can make them any %size you want as long as the combined width of adjacent columns does not exceed 100%.

dpf -> RE: Resolution and screen problems a text different (1/10/2005 13:09:32)
speaking of which, here is one of your tables: <table border="1" width="101%"

dsulvett -> RE: Resolution and screen problems a text different (1/10/2005 13:16:45)
I think i may have what you mean... if i have a 4 column table, each column needs to be split at 25% but if you look where it says "we rent harleys" at the bottom of the page, i have that set as 3 columns but it is 100%...shouldnt it be 33.3%??

Kitka -> RE: Resolution and screen problems a text different (1/10/2005 13:18:00)
Respectfully guys, I really don't think that the layout being used here will adapt well to being fluid horizontally. The banner is 800px wide and non-repeatable, so it will be left with large gaps on one or both sides at 1024 or higher resolutions, while the tables below it will fill the screen.

dsulvett -> RE: Resolution and screen problems a text different (1/10/2005 13:21:32)
OH NO!!! now im really confused

Kitka -> RE: Resolution and screen problems a text different (1/10/2005 13:36:59)
quote: OH NO!!! now im really confused No need to be. In my opinion, you should leave the widths at what they were - fixed, not %s. However, it is your site, so see what it looks like with tables set to 100%, you might like it. I was just flagging a warning that the banner mightn't look too good at a higher res. Opinions are just opinions, not a directive for you to blindly follow. Another point to consider, is that a screen set to 800x600, will not actually have 800 pixels available, the vertical scrollbar and such take up some of the screen real estate. With your banner being 800 wide, it is likely to have a horizontal scroll bar, which is considered a no-no. best to make your banner 750 or 760px at most.

jaybee -> RE: Resolution and screen problems a text different (1/10/2005 13:37:19)
quote: ORIGINAL: dpf never will anyone laugh at you here,,never quote: <edit> how many times must i try to spell this? unparalleled?</edit><edit-again> jaybee: what am i doing wrong ?<edit-again> Oh I don't know. I just had a really good laugh at your spelling! [:D] Have you found the button at the bottom of the reply box that says Check Spelling?

dsulvett -> RE: Resolution and screen problems a text different (1/10/2005 13:39:16)
thanks

Larry M. -> RE: Resolution and screen problems a text different (1/10/2005 13:40:59)
quote: I really don't think that the layout being used here will adapt well to being fluid horizontally. The banner is 800px wide and non-repeatable, so it will be left with large gaps on one or both sides at 1024 or higher resolutions dsulvett , Good point by Kitka which, said another way, means you better stay with the fixed pixel width tables since the companion header won't expand with them if they (the tables) are programmed in fluid or percentage widths. p.s. 2nd time in your site the"Vroom" clip sounds good. I like. I don't like the Elvis Presley paint-on- velvet-look background in the main site. Very distracting. Why not black like the intro?

Kitka -> RE: Resolution and screen problems a text different (1/10/2005 13:53:15)
Also, you really need to check/view the page in Firefox. Your menu bar has floated up to be level with the top of the page, partially covering the banner.

dsulvett -> RE: Resolution and screen problems a text different (1/10/2005 13:55:18)
I know...whats up with that.... btw, i did download firefox and viewed it with it...the 1st time the menu bar was ok...then it moved......??????

dsulvett -> RE: Resolution and screen problems a text different (1/10/2005 13:56:33)
Larry, thank you for your input.... The background is a leather jacket....Harley is all about LEATHER....i thought it would be a good addition.... your making me think twice about it....maybe your right.

Kitka -> RE: Resolution and screen problems a text different (1/10/2005 14:13:07)

quote:

I know...whats up with that....

Probably confusion in your code.

Just at a glance I see this:

</body

></html>
<body>
<!-- DO NOT MOVE! The following AllWebMenus code MUST ALWAYS BE PLACED JUST BEFORE THE /BODY TAG -->
<!-- ******** BEGIN ALLWEBMENUS CODE FOR harleymenu ******** -->
<span id='xawmMenuPathImg-harleymenu' style='position:absolute;top:-50px'><img name='awmMenuPathImg-harleymenu' id='awmMenuPathImg-harleymenu' src='./awmmenupath.gif' alt='' width="1" height="1"></span><script type='text/javascript'>var MenuLinkedBy='AllWebMenus [2]', awmBN='530'; awmAltUrl='';</script><script src='harleymenu.js' language='JavaScript1.2' type='text/javascript'></script><script type='text/javascript'>awmBuildMenu();</script>
<!-- ******** END ALLWEBMENUS CODE FOR harleymenu ******** -->

</body>

You have created a second "body" to place the menu in. You can only have one "body" on a page. If you follow the Allwebmenu directions, you should have placed the menu code BEFORE the first </body> tag. Which also, should not be split the way it is.

jaybee -> RE: Resolution and screen problems a text different (1/10/2005 16:18:17)
There are a few code problems in there. You have a </head> tag but no <head> tag to start it off and your menu is now up the top. Your page structure should be <html> <head> Header info goes here such as title and meta tags plus calls to external code </head> <body> The bulk of your page goes in here The bulk of your page goes in here The bulk of your page goes in here .......................<-------- Allweb </body> </html> The code for the allweb menu goes immediately before the </body> tag at the bottom of the page.

dpf -> RE: Resolution and screen problems a text different (1/10/2005 16:45:41)
quote: but if you look where it says "we rent harleys" at the bottom of the page, i have that set as 3 columns but it is 100%...shouldnt it be 33.3%?? its more complex than that in your site..you have tables within tables (nested tables) so you might have a row with three cells yet you put a full table inside one cell.......

Page: [1]

0.109375