Google Answers Logo
View Question
 
Q: My website homepage looks funny ( No Answer,   11 Comments )
Question  
Subject: My website homepage looks funny
Category: Computers
Asked by: jude1-ga
List Price: $10.00
Posted: 15 Sep 2003 21:55 PDT
Expires: 15 Oct 2003 21:55 PDT
Question ID: 257183
I created my webpage in FrontPage. I was told it was best to create
for an 800 X 600 resolution. But when you load the homepage on a
monitor set to a higher resolution, it looks silly. The whole screen
is the background color and the webpage is just a tiny little thing in
the upper left hand corner. If the rest of the screen were white, I
don't think it would look as bad. I am looking for a few options
(solutions).

Request for Question Clarification by serenata-ga on 16 Sep 2003 08:46 PDT
Hi again Jude1 ~

Actually, it owuld be easier if you posted the URL so we could take a
look; it isn't always easy to describe what we're talking about here.

You said you created your website to 800 pixels wide, which I am
assuming you have either contained within a table or using cascading
stylesheets (CSS). And from your description, I am assuming that you
have also assigned some color to the table.

By adding the background color attribute to your body tag, it colors
the background of the browser window, not your table.

As an example, take a look at the source code for my favorite search
engine, Google - ://www.google.com - and notice the background
color attribute (white - #FFFFFF) which has been added to the <body>
tag.

Does that help? If so, I'll post it as the answer.

Warm regards,
Serenata

Clarification of Question by jude1-ga on 17 Sep 2003 18:43 PDT
Serenata,
It didn't work. Still cream background color everywhere. The site
again is: http://www.mammasmilk.com
-Jude1

Request for Question Clarification by serenata-ga on 17 Sep 2003 19:13 PDT
Hi, Jude ~

Take a look at http://209.151.82.77/mothers.html

I added the background color to the <body> tags like this:

 <body bgcolor="#FFFFFF"  link="#990000" text="#FF6600"
bgcolor="#FFF8DC" vlink="#990000" alink="#000000" topmargin="0"
leftmargin="0">

You will notice it changes the color of the table, which you can then
change back to the yellow color (or cream color as you call it) by
adding the cream color to your <tr> link for that portion of the
table.

At least that will change the color of your page background.

An alternative is also to include a 'border' around your table,
although the backgrounds will be the same.

Does this accomplish what you are trying to do?

Thanks,
Serenata

Request for Question Clarification by serenata-ga on 17 Sep 2003 19:14 PDT
I forgot to mention that the reason the graphics don't show is that
they aren't on the site with the example I was showing you, I just
used your coding and changed the background color.

Serenata

Clarification of Question by jude1-ga on 19 Sep 2003 04:35 PDT
Serenata,
Thanks for the help so far. What I am really trying to do is keep my
actual website's background cream, but any extra space white. For
example, if the browser resolution was set to 800x600, you wouldn't
see any white, but if it was set to 1024x768, you would see white
beyond my website to the right and below it. Basically, beyond the
bottom border and to the right. Does this make sense? Let me know if I
need to clarify more. Thanks, -Jude1

Request for Question Clarification by knowledge_seeker-ga on 19 Sep 2003 04:53 PDT
Hi jude1,

I prefer the whole thing one color. Gives a nice smooth unbroken
background. I guess I don't really like the look of a "web page"
plopped on top of a white background. Again, personal preference.

Do you understand how to do what Serenata has recommended so you can
try it out?  Or do you need more specific step-by-step instructions
using Front Page tools?

-K~

PS - I moved this up here so that when you answer me in the Clarify
Question space, I'll be notified.
Answer  
There is no answer at this time.

Comments  
Subject: Re: My website homepage looks funny
From: serenata-ga on 15 Sep 2003 22:24 PDT
 
Hi Jude1 ~

You can set the color of the background (that is, the entire window,
not just the content of the webpage) in your <body> tag by including
 
        bgcolor="#ffffff"

within the <body> tag, or if you're using CSS, you can add it to the
appropriate style element.

You can also center your layout on the page if you feel it looks
"silly" tucked on the left-hand side, but in certain markets, many
people don't configure their web browsers at full screen, so they
really don't notice it so much as you might.

Have you tried either of those?

Serenata
Subject: Re: My website homepage looks funny
From: jude1-ga on 16 Sep 2003 08:06 PDT
 
Serenata,
Thanks for the comment. Will that turn the whole page _including my
website part_ white, or will it turn whatever is not my actual website
white? Thanks!
-Jude1
Subject: Re: My website homepage looks funny
From: jude1-ga on 16 Sep 2003 10:27 PDT
 
My site is
http://www.mammasmilk.com
I can't try your solution yet, as I am not at home, but when I get
home, I will try it and let you know. I use tables and CSS.
Subject: Re: My website homepage looks funny
From: bio-ga on 18 Sep 2003 16:29 PDT
 
It didn't look that bad to me (at 1280 x 1024)...
Subject: Re: My website homepage looks funny
From: knowledge_seeker-ga on 19 Sep 2003 04:12 PDT
 
Not that you asked for an opinion, but I really like the cream color
better than white anyway. It's much warmer and gives a comfortable
feeling the way it's all wrapped around the baby. To me it feels as
though she's in a room with a soft incandescent lamp.

White is stark and cold and feels corporate. Not at all conducive to
making moms feel good about your product.

But that's just my opinion. :-)

Oh, and the screen size works great for me at 1280x1024. I prefer web
content to take up less space on my screen.

-K~
Subject: Re: My website homepage looks funny
From: jude1-ga on 19 Sep 2003 04:31 PDT
 
Thanks for that, K. I am looking to leave the cream around the baby
(wouldn't want him to get cold!  :) ) But my sister told me the site
looks funny with the whole screen being cream and yet the content only
in the top left corner. She said the content should be cream and the
empty space should be white. What do you think about that?
Subject: Re: My website homepage looks funny
From: tldtms-ga on 19 Sep 2003 11:03 PDT
 
Hey Jude,

Here is what you want. http://www.wickedteez.com/test.htm 

What I did was take your code, and insert it into another table with 2
colums. I made the first COlum 760 pixals wide, which is what the
actually 800x600 size is, and I made the other colum white at 100% so
it will streach the white across. Let nme know =)
Subject: Re: My website homepage looks funny
From: wolvies-ga on 20 Sep 2003 09:25 PDT
 
Awwww :) It looks excellent to me

I guess the key is to not have global values but use percentages etc.
I didn't check the code but I reckon that if you say a part of the
page should be so-and-so value, you are really using an image you have
in your head and that image can always be percentaged. All my sites
have percentage values. This means that on a narrower screen a long
paragraph of text may be twice as many lines deep, but it still looks
fine. You are really only constrained by the physical size of the
images you use, and I notice you have a single one centred, so I think
percentage values are the way to go

wolvies, lol
Subject: Re: My website homepage looks funny
From: chris_c-ga on 27 Sep 2003 00:00 PDT
 
I would suggest that your initial approach to having a "funny looking
homepage" is itself faulty.  Optimizing based upon screen resolution
is not the best approach when it comes to web design.  What you
ideally want is for a page to appear the same (or as close to the
same) on all computers regardless of browser choice, screen
resolution, operating system, etc.

Browsers and operating systems make that more difficult because they
let the users override the intended characteristics for a page.  This
has long been a fight between the designer and the designee over HTML
protocol.  Afterall, wouldn't it be great if you could just program
your website to be viewed in 800 X 600 pixels so that no matter what
computer it was view on it would always look the same?  Unfortunately
users have resolution preferences, operating systems have display
preferences, monitors have color preferences, browsers have
interpretation preferences, etc. etc. etc.  Sorry to say but as a
designer the odds are stacked against you.

The solution that you're probably looking for comes in the form of
pages based upon "liquidity".  To accomplish this I would suggest you
look into using percents instead of pixel dimensions to define your
tables.  For example <table width = "90%"> will scroll the table
across 90% of the browser regardless of resolution and browser
maximization/minimization.  In terms of images, the resolution is
based upon the size of the pixel so you're out of luck.

If you're that serious about it, then you can use "environment
variables" and a server side scripting language such as php to detect
and deliver dynamic content to the user. That is, if the user is
browsing using 1024x728 resolution you'll deliver them a different
image.

After all of that, i'll return back to the point that "I would suggest
that your initial approach to having a "funny looking homepage" is
itself faulty." My dad predominantly uses a laptop with his resolution
set much higher than mine. His icons and text are so freaking tiny
that I wonder if our roles are reversed and I should be getting my
eyes checked for bifocals.  The point is that he wants them to be that
size and chances are if I forced him to view the icons in a
larger/smaller format he wouldn't like it.  Users set their
preferences for a reason, or all computers would only come in 1
resolution.

Regards,
Chris
Subject: Re: My website homepage looks funny
From: jude1-ga on 27 Sep 2003 08:21 PDT
 
Chris,
Thanks for the comments. I had tried the percentage-based page design
before, but with mixed results. Maybe I'll give it another go.
-Jude
Subject: Re: My website homepage looks funny
From: chris_c-ga on 27 Sep 2003 16:39 PDT
 
np (:  You can also mix and match percentages and pixels within nested
tables for positioning. In terms of resolution however I think you are
probably stuck if you're purely using HTML. You would need to move
towards a server side scripting language that delivers content based
upon interaction with the visitor.

Important Disclaimer: Answers and comments provided on Google Answers are general information, and are not intended to substitute for informed professional medical, psychiatric, psychological, tax, legal, investment, accounting, or other professional advice. Google does not endorse, and expressly disclaims liability for any product, manufacturer, distributor, service or service provider mentioned or any opinion expressed in answers or comments. Please read carefully the Google Answers Terms of Service.

If you feel that you have found inappropriate content, please let us know by emailing us at answers-support@google.com with the question ID listed above. Thank you.
Search Google Answers for
Google Answers  


Google Home - Answers FAQ - Terms of Service - Privacy Policy