Changing View

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

Hello. This question is in regards to the website www.rrrminis.com and the
page titled mares.
I was wondering if anyone could help with my website issues I am having when
the website is viewed on a screen other than mine (the one it was created
on). On my computer screen (a 19") the website previews fine, and it
previews fine in the microsoft 6.0 previewer, and also looks fine when I pull
it up through my Microsoft Internet Browser Homepage or Yahoo.com homepage.
But when I went over to someone elses house and called up the website from
their internet explorer, it distorted the text and pictures.

It seemed as if the text and pictures do not fit on the screen width and it
adjusted accordingly pushing some lines down to the next line and so on. I
don't have any tables in it, but do have several rows of pictures and text.
Does anyone have any suggestions to offer, they would be greatly appreciated
as I am very new to this.

Thank you in advance for your time!
Sincerely,
Jennifer
 
Jennifer,
I am fairly new also, but the advice I read is to design for a 800*600
screen.
760 is recommended to allow for scroll bars etc.

Do you need help as to how to do this?

If so, please repost. If I don't answer someone else (probably more expert)
will.
 
You are using layers and absolute and absolute positioning. They are not
supported well by all browsers (for example, view your site in FF or
Mozlla to see that text and pictures are overlaid in the wrong places
for some elements).

You have more predictable results if you use tables for layout for what
you have in mind.

Also, on you machine, change your screen settings to smaller screen
sizes and view your pages to see hoe the look.

See the MIT's suggested web guidelines here for tips:
http://rjohara.net/server/css-figures-captions/

Fro you pages with the horse pics, I would use a table with two columns.
I would put the pics in the cells in one columns and the text in the
adjacent cell.

...PC
 
Yes, I can see what p c meant. It does look odd in Firefox

So clearly. just designing for 800*600 is not enough and p c's advice to
change to using tables is more what you need.

BTW, it views perfectly in IE on a 17" monitor in 1024*768 resolution
 
Hi Trevor,

Thank you for your advice. I do not know how to design for 800 x 600
screen. I can preview it in a 800 x 600 screen... is this what you mean? If
not, can you possibly direct me to where I can change my settings in
FrontPage?

Thank you again!
-Jennifer
 
Hi Jennifer,

One way to do it is to add an external stylesheet (say style.css) in which
you place a style for the body.
body {
width: 760px;
font: 16px Times New Roman,Arial,Helvetica,sans-serif;
background: #00FFCC ;
padding: 0;
margin: 0 auto;
text-align: left;
}

The parameters here are just some examples. The important thing is width:
760px; .
The background colour is in fact a terrible green so delete that if you
don't like it.

You create this file with any text editor and place it in the same directory
as index.htm

In index.htm (and all other files in your site) add this between <head> and
</head>

<link rel="stylesheet" type="text/css" href="style.css">

Give it a go and see if it helps
 
Back
Top