My Website does not display correctly a friend's computer

[artbug]

A friend opened my website maximefrenchbulldogs.com on her computer using
Explorer 7 and says the text displayed over text etc...like the text boxes
overlap each other.

However it does not appear that way on my screen using the Explorer browser
or Firefox.

How can I get my site to appear correctly on all computers/browsers?

 

[Trevor Lawrence]

Well, it is all over the place like a dog's breakfast! (Pardon the pun, just
couldn't resist.) However, it displays fine in IE7 for me as well

I would suggest that you do *not* use all these absolutely positioned
<div>s. You have 59 <div>s on the page and all 59 of them have
style="position: absolute;".

I would suggest two <div>s with this CSS

#content, #sidebar {
float: left; padding: 0;
}
#content{
position: absolute left 14%; width: 86%;
}
#sidebar { width: 14%; }

(The 14% is whatever you need to fit)

Put the links and the other pictures currently in the left hand column in
<div id="sidebar"> and the rest in <div id="content">.

 

[artbug]

Trevor,

Thank you for the information. Unfortunately it is over my head.

I understand about the absolute, but do not understand the solution you are
proposing. I am not familiar with code.

Can you tell me how to position without using code?

Thank you for your time

 

[artbug]

If I open this site in Expressions Web, will it fix the problem with the
absolute positions like you suggested?

 

[Trevor Lawrence]

Unfortunately not.

The problem is in the HTML. I may be able to draft an outline of what it
should look like, but you would have to paste the code into the Code or HTML
view of FrontPage. I'll look at it later - maybe tomorrow, now

 

[artbug]

Thank you Pat! I can see I have much to learn.

I am going to work the tutorials you suggest and rebuild my website in
Expressions. No doubt you will see posts from me later on the Expressions
help Forum.

 

[artbug]

Pat,

How do I see on my computer what my friend is seeing on hers?

I have Vista and have viewed my website in Firefox, Opera, Windows
Explorer, Safari and Netscape and cannot see on text overlay like she sees.

Her system is Windows XP and she is using Explorer 7.

My husband has XP on his computer so I viewed my site in Explorer & on his
and still no errors.

Do I need to adjust my setting so I can view it like she does?

How can I see what others might be seeing?

 

[artbug]

Trevor,

How do I see on my computer what my friend and you are seeing ?

I have Vista and have viewed my website, maximefrenchbulldogs.com in
Firefox, Opera, Windows Explorer, Safari and Netscape and cannot see any text
overlay like she does.

Her system is Windows XP and she is using Explorer 7.

My husband has XP on his computer so I viewed my site in Explorer & on his
and still no errors.

Do I need to adjust my setting so I can view it like she does?

How can I see errors others might be seeing?

 

[Trevor Lawrence]

"artbug"
I apologise if I misled you

I can see the site quite OK with no overlapping text. My comment about it
being all over the place simply related to the way that you have just added
more and more elements (59 in all) each in its separate <div>.

They DO display OK with Windows XP SP3 and IE7 on my computer (and it seems
on those you have tried.) But using absolutely positioned <div>s is very
hard to maintain and prone to error on some computers with some browsers.
(Sorry I can't say specifically which.) It is for this reason that I would
use only two <div>s - one for the left hand column and one for the main
content. I would also make more use of tables which are easier to use than
having to calculate widths and heights of <div>s .

I just tried the site again and there were no problems even when reducing
the size of the window (which I thought may be a cause of the problem.)

 

[Ronx]

Try testing in FireFox and change the text size.
FireFox 2:
View->Text Size
and increase the text size

FireFox 3:

View->Zoom
Select Zoom Text Only

Then use Ctrl++ to increase the text size (or repeatedly use
View->Zoom->Zoom In)

Notice the overlaps appearing, and also the text disappearing from the main
text block.


--
Ron Symonds
Microsoft MVP (Expression)
http://www.rxs-enterprises.org/fp

Reply only to group - emails will be deleted unread.