Colours and font size different in display view

[pinkpanther]

Hello,

I have a problem with the fact that when I am in 'design' view, both the
colours and the text fit nicely into tables etc. and do what they should
....but when I look in 'Preview' view (and also when published on web) they
are different.

The font is taking up less space in Preview, so all text is off centred to
the left; I have made a background image in photoshop using colour dark grey
of 999999, which in 'Design View' has no difference with the main background
colour of 999999, but in Preview and when published there is a clear line
showing between the image and the background colour, as in:
http://www.theenginerevolution.com/newpage.html

I have been reading this forum where others have had same type of problem
and have changed my settings from UTF-8 Unicode, to Western European (I'm in
UK) but still shows the same. The charset on my pages show this:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

Can anyone tell me how to solve this yucky little problem please?!

Many thanks for your time.

 

[Steve Easton]

In my browser the dark gray is: #BBB9B9 ( rgb 187,185,185 )
and the light gray is: #EAEAE ( rgb 234,234,234 )

--

Steve Easton
Microsoft MVP FrontPage
FP Cleaner
http://www.95isalive.com/fixes/fpclean.htm
Hit Me FP
http://www.95isalive.com/fixes/HitMeFP.htm

 

[pinkpanther]

Thanks, Steve, for responding. I checked the page in firefox, using firebug,
and it showed the grey as 999999. What I did find though, was that in
firefox, the little bit of text that is centred in the (central) table in IE,
was all to the left in firefox. Do you by any chance know why that is - and
how to fix it??

Many thanks for your time.

 

[Steve Easton]

Here's where 999999 is coming from:
<td bgcolor="#999999" colspan="3" height="1">
<img alt="" width="1" height="1" src="images/MsSpacer.gif"></td>
</tr>
<tr>
<td bgcolor="#999999" width="1">
<img alt="" width="1" height="1" src="images/MsSpacer.gif"></td>
<td valign="top" bgcolor="#FFFFFF" width="100%">
<!-- MSCellFormattingType="content" -->
This is<p>the way</p>
<p>that I</p>
<p>like to</p>
<p>do it</p>
<p>now</td>
<td bgcolor="#999999" height="100%" width="1">
<img alt="" width="1" height="1" src="images/MsSpacer.gif"></td>


As for the text you need to add text-align: center; to your css for the textbox.


Also you need to get rid of all of these in code view, starting at line 255:
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
-- Steve EastonMicrosoft MVP FrontPageFP Cleanerhttp://www.95isalive.com/fixes/fpclean.htmHit Me
FPhttp://www.95isalive.com/fixes/HitMeFP.htm

 

[pinkpanther]

Steve, thank you very much for your help.

I note what you say about the <p></p>'s . Is it that it is loading the
webpage unnecessarily - or is there some other reason why it is bad to have
them there?