Width of page is narrower than monitor screen? (Full Version)

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



Message

Gwen -> Width of page is narrower than monitor screen? (10/9/2006 13:39:58)

Is there a way to design a page so that it is as wide as whatever the width of the monitor is that the viewer is using?

For instance, on a customer's laptop screen, his website is narrower than the screen, and there's about 3" of blank, white space on the right side.

Or is that a browser issue?



Tailslide -> RE: Width of page is narrower than monitor screen? (10/9/2006 13:42:23)

It depends on the method of site building you're using but yes it's perfectly possible.

With CSS layouts you set the containing div, if you're using one to width:100% - well actually around 98% looks better in my opinion.

I don't use tables but I believe the solution's basically the same - you'd set the width of the main table to 100%.



Gwen -> RE: Width of page is narrower than monitor screen? (10/9/2006 14:06:07)

This site was designed by someone else. I'm just the maintainer of the site, now.

CSS wasn't used, so I would do what you suggest in your second paragraph?



coreybryant -> RE: Width of page is narrower than monitor screen? (10/9/2006 16:00:53)

Using a fluid layout (percentages) would be the way to achieve this. Chances are pretty high they might already be placing everything into a table or divide. If we had the source code of one page or URL it would help us out



Gwen -> RE: Width of page is narrower than monitor screen? (10/9/2006 17:51:18)

Here's the URL

http://www.dartmouth.edu/~gjdemko/toc.htm



BobbyDouglas -> RE: Width of page is narrower than monitor screen? (10/9/2006 19:32:07)

Open FP, highlight the entire table, go to table properties, then remove the width, then go to cell properties, and then remove the width as well.



Gwen -> RE: Width of page is narrower than monitor screen? (10/9/2006 20:01:51)

The only page that has Table Properties is the Table of Contents. Table is greyed out and Cell isn't, but when I click on Cell, there is no width specified, even though the box is check, but that is greyed out, too.

All the other pages, Table Properties is greyed out.



coreybryant -> RE: Width of page is narrower than monitor screen? (10/10/2006 8:21:14)

Your code is 
<TABLE id=AutoNumber1 style="BORDER-COLLAPSE: collapse" borderColor=#111111 cellPadding=7 width=912 border=0>
If you can get into your HTML code to change the width=912 to something else that might work but you are also using specific widths in your cells 
<TD align=right width=427>
so you might need to go back and reconfigure them as well.



sticks464 -> RE: Width of page is narrower than monitor screen? (10/10/2006 11:40:50)

Your background image (background.gif) is too small. Resize it to a width of about 1500 pixels and see the results.



Gwen -> RE: Width of page is narrower than monitor screen? (10/10/2006 11:52:17)

Thanks for the suggestions, Corey, but could you or anyone be more specific about changing the width from 912 to what number?

Same with the cell width?

On my monitor, all the pages look fine, so it's difficult for me to determine what's needed to make the pages look fine on bigger monitors.




Gwen -> RE: Width of page is narrower than monitor screen? (10/10/2006 12:00:36)

Sorry, Sticks. I didn't see your reply until just now. Helps to refresh this page once in a while. [:D]

Okay, I resized the background image to 1500, and uploaded it to the site.

Could someone with a large screen monitor please take a look at the pages and tell me if that worked?



sticks464 -> RE: Width of page is narrower than monitor screen? (10/10/2006 12:06:50)

Hi Gwen, I did that when I checked it out. I viewed it on a 19" and a 17" screen at 1024 resolution and it is ok.



Gwen -> RE: Width of page is narrower than monitor screen? (10/10/2006 12:16:40)

That's great, Sticks! Thanks very much. I've sent an email to the owner of the site, asking him to look, too. As long as it's okay on his monitor, I'm good to go. [:)]

Thanks again.



Gwen -> RE: Width of page is narrower than monitor screen? (10/12/2006 16:57:29)

I'm at work, and it just occurred to me to check my customer's website on my bigger monitor. The white column on the right is still there!

Now what.



sticks464 -> RE: Width of page is narrower than monitor screen? (10/12/2006 17:52:18)

Hi Gwen, thought I was going crazy until I looked at your new background image. What did you use to resize it with? It needs to be resized with a graphics program ie. photoshop, fireworks. When I took it to photoshop it was 1500 pixels wide but had the whitespace on the right.



Gwen -> RE: Width of page is narrower than monitor screen? (10/12/2006 18:52:19)

Hi Sticks...Off the top of my head, I can't remember how I resized it! [:D]

I just arrived home from work. My brain is mush, so I won't attempt to do anything with it tonight, but I'll tackle it over the weekend.

Thanks!



Gwen -> RE: Width of page is narrower than monitor screen? (10/15/2006 10:39:29)

Okay....I don't have Photoshop or Fireworks. When I resized the background image, I used Irfanview. The only other program I have is Paint.

I did a search for resizing graphics in FrontPage Help, but since it's the background gif, the instructions sort of worked, but not exactly.

I clicked on Page Properties, then Background Properties, then Edit, and the background gif opened in Paint. I resized it to 1500, saved, then uploaded the page on which I resized it, which is at http://www.dartmouth.edu/~gjdemko/china.htm

If someone has time to check it, please let me know if it worked. Otherwise, I'll check it from work tomorrow.

Thanks.




jaybee -> RE: Width of page is narrower than monitor screen? (10/15/2006 10:48:37)

Background image? Are we talking about the green fade?



Gwen -> RE: Width of page is narrower than monitor screen? (10/15/2006 10:51:10)

Yes, jaybee.



jaybee -> RE: Width of page is narrower than monitor screen? (10/15/2006 10:53:55)

It's 1008 x 84 and repeats. bit big at 40Kb. You could have it 1008 x 5px which would reduce it a lot. No white column

Why don't you go and download The Gimp. It's a full blown graphics package and it's free.



Gwen -> RE: Width of page is narrower than monitor screen? (10/15/2006 11:09:14)

There's no white column now?

I didn't know about GIMP. I'll download it now, and do as you suggest.

Thanks very much.



Gwen -> RE: Width of page is narrower than monitor screen? (10/15/2006 16:55:51)

If you're around, JayBee, I've installed GIMP. I opened the background gif in GIMP, and clicked on the Image menu, then Scale Image.

Is that the right path, and if so, then what do I do?

Also, going there, if I change the width to 1008, the height adjusts accordingly, so I don't have any idea how to make it 1008 x 5px, as you suggest.

If you could help, I'd appreciate it. It's looks like a great tool, once I know what the heck I'm doing. [:)]



jaybee -> RE: Width of page is narrower than monitor screen? (10/15/2006 18:06:35)

No resize changes height and width. You need to cut the top part of the image out so you end up with the same width but only a thin strip. In PSP and PS you do this with the crop tool. If you look in the Help section of Gimp it should tell you how. I have both of the others mentioned above, not Gimp but from what Dave tells me it's very similar. There may even be some tutorials around.



Gwen -> RE: Width of page is narrower than monitor screen? (10/15/2006 18:19:17)

I still have to figure out how to download the Help section. It doesn't come with the GIMP download. There are some tutorials on the GIMP site, too.

However, I understand what you're getting at now. I'll work on it.

Thanks again, Jay.



Gwen -> RE: Width of page is narrower than monitor screen? (10/21/2006 15:56:53)

Would someone please look at this page and tell me if there's still a white column on the right background?

http://www.dartmouth.edu/~gjdemko/toc.htm



coreybryant -> RE: Width of page is narrower than monitor screen? (10/21/2006 17:43:31)

on Firefox using 1280X1024 resolution I see it the white 'column'



Gwen -> RE: Width of page is narrower than monitor screen? (10/21/2006 17:44:58)

Bummer...

Thanks for checking, though! :)



jaybee -> RE: Width of page is narrower than monitor screen? (10/21/2006 19:58:33)

OK hold it right there. Gwen your graphic is 1008 pixels wide. It will always be 1008 pixels wide. You've put it in the background of your page at fixed width, no repeat. 1008 pixels wide.

Look at what Corey is telling you. His screen is wider. Of course you'll have a white strip.

Graphics do not automatically resize. Most graphics, you'd be tearing your hair out if they did.

Normally I wouldn't recommend this but as your graphic is just a fade it shouldn't look too awful when stretched so specify the width as 100%.



Gwen -> RE: Width of page is narrower than monitor screen? (10/21/2006 20:33:22)

Okay, Jay. Makes sense.

Would you tell me specifically how to specify the width at 100%?

I'm assuming it's in the HTML, but I don't know how to do it.



jaybee -> RE: Width of page is narrower than monitor screen? (10/22/2006 9:17:20)

If you apply the image to the body then you can't specify a width as such. You can do a repeat-x but with your image you'll then end up with the pale side butting up against the dark side and an obvious line.

To stretch the image by forcing 100% you'd need to put it in its own Div which would be the container to the rest of the page. Your other option, and probably the easiest is to apply a solid background colour to the body as well as the image. As your image sits left then the background colour needs to be the colour on the right which looks like it's #d4e4b4

However, I just downloaded your image as the background colour wasn't working and you have a white block as part of the image over to the right hand side. That's why it keeps appearing. The image on that page isn't 1008 any more, you've done something so now it's 1400 pixels wide. Use your graphics package to cut off the white chunk then upload. Then specify a background colour as well.



Page: [1] 2   next >   >>

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
7.800293E-02