I think before going to Preview (in BBEdit or Safari) it would be good to use 
BBEdit’s syntax checker - Menu: Markup -> Check -> Document Syntax.

Could be copy-paste issues, but in your HTML as shown:

- the div with class=“content” needs a closing div tag, after the closing p tag 
(not necessarily right after);

- the img element needs at least a closing double-quote mark on the file name 
and a closing angle bracket, if not also alt and other image attributes. 

See what Check Document Syntax tells you.

    — Bruce

_bruce__van_allen__santa_cruz_ca_





> On Apr 16, 2024, at 9:58 PM, Raizel <[email protected]> wrote:
> 
> body {
>   font-family: Verdana, Helvetica, sans-serif;
>  background-color: #333333;
>   color: #FFF;
>     font-size: 12px;
>     text-align: left;
> /* RBC added (top, right, bottom, left) */
> }
> 
> .content {
>   padding: 16px;
> }
> <div class="content">
> <p>Note: Please include the person's Reference Number, eg: <b>(A66)</b>.. and 
> more text.</ p>
> 
> ===========================
> .footer {
>   position: fixed;
>   left: 0;
>   bottom: 0;
>   width: 70%;
>   background-color: #333333;
>   color: #f1f1f1;
>   font-family: Georgia, Times, serif;
>   font-style: italic;
>   font-size: smaller;
>   padding: 0 0 0 20px;
> 
> <div class="footer">
> <img src="images/image.jpg<br>
> Thanks go to the relatives that.</div>
> 
> The is in a <div> and uses <p> that I believe follows the body statement as I 
> didn't define <p> separately.
> On Wednesday, April 17, 2024 at 12:49:09 AM UTC-4 Bruce Van Allen wrote:
> I meant the HTML text and relevant style blocks/sheets. 
> 
> — Bruce 
> 
> _bruce__van_allen__santa_cruz_ca_ 
> 
> 
> 
> 
> 
> > On Apr 16, 2024, at 9:34 PM, Raizel <[email protected]> wrote: 
> > 
> > Here's capture from BBEdit and Safari Version 17.4.1. 
> > My CSS for <body> is set: font-size: 12px; 
> > My CSS for .footer is set: font-size: smaller; as 9px or ?em (can't 
> > remember but about = to 9px) didn't work either. 
> > On Tuesday, April 16, 2024 at 10:12:22 PM UTC-4 Bruce Van Allen wrote: 
> > Can you post a minimal example HTML page or fragment that we can look at 
> > both ways? I don’t recall seeing major text size or other formatting 
> > differences between BBEdit preview and Safari. Quite a few settings might 
> > be impinging (BBEdit, Safari, System) ... 
> > 
> > — Bruce 
> > 
> > _bruce__van_allen__santa_cruz_ca_ 
> > 
> > 
> > 
> > 
> > 
> > > On Apr 16, 2024, at 6:13 PM, R B Cohen <[email protected]> wrote: 
> > > 
> > > When I view in BBEdit (free version), everything looks great. But when I 
> > > switch to Safari, not so. The type looks "10 times" larger and spacing 
> > > and alignment is different. My HTML pages use CSS stylesheet for 
> > > formatting. 
> > > 
> > > Most notable, font-size set to 9px looks more like 18px in Safari bother 
> > > offline and online, but renders fine in BBEdit preview. 
> > > 
> > > I'm using Safari Version 17.4.1 (macOS Sonoma). 
> > > 
> > > -- 
> > > This is the BBEdit Talk public discussion group. If you have a feature 
> > > request or believe that the application isn't working correctly, please 
> > > email "[email protected]" rather than posting here. Follow @bbedit on 
> > > Mastodon: <https://mastodon.social/@bbedit> 
> > > --- 
> > > You received this message because you are subscribed to the Google Groups 
> > > "BBEdit Talk" group. 
> > > To unsubscribe from this group and stop receiving emails from it, send an 
> > > email to [email protected]. 
> > > To view this discussion on the web visit 
> > > https://groups.google.com/d/msgid/bbedit/e7d426b9-16d1-4c69-8944-de82c561c4b6n%40googlegroups.com.
> > >  
> > 
> > 
> > -- 
> > This is the BBEdit Talk public discussion group. If you have a feature 
> > request or believe that the application isn't working correctly, please 
> > email "[email protected]" rather than posting here. Follow @bbedit on 
> > Mastodon: <https://mastodon.social/@bbedit> 
> > --- 
> > You received this message because you are subscribed to the Google Groups 
> > "BBEdit Talk" group. 
> > To unsubscribe from this group and stop receiving emails from it, send an 
> > email to [email protected]. 
> > To view this discussion on the web visit 
> > https://groups.google.com/d/msgid/bbedit/e95ee939-a0a7-476c-b37b-4227b62c4939n%40googlegroups.com.
> >  
> > <Screenshot BBEdit 15.jpg><Screenshot Safari.jpg> 
> 
> 
> -- 
> This is the BBEdit Talk public discussion group. If you have a feature 
> request or believe that the application isn't working correctly, please email 
> "[email protected]" rather than posting here. Follow @bbedit on Mastodon: 
> <https://mastodon.social/@bbedit>
> --- 
> You received this message because you are subscribed to the Google Groups 
> "BBEdit Talk" group.
> To unsubscribe from this group and stop receiving emails from it, send an 
> email to [email protected].
> To view this discussion on the web visit 
> https://groups.google.com/d/msgid/bbedit/58a63a25-52fd-4822-8952-adcc69b2f87an%40googlegroups.com.

-- 
This is the BBEdit Talk public discussion group. If you have a feature request 
or believe that the application isn't working correctly, please email 
"[email protected]" rather than posting here. Follow @bbedit on Mastodon: 
<https://mastodon.social/@bbedit>
--- 
You received this message because you are subscribed to the Google Groups 
"BBEdit Talk" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/bbedit/E5864839-02C7-4403-A9C4-FE98A443E607%40cruzio.com.

Reply via email to