My site previews fine in live, explorer and firefox, but the fonts are extra large and bold on chrome, this is my first site, please assist. I will be happy to provide screenshots and code or css sheets.

Working on my first site, Am getting different previews. Chrome tends to make the font big and bold while all other browsers work fine. Here is what the preview looks like in chrome followed by the firefox preview. I have my CSS and HTML code sheets below. Am also having a hard time centering the navigation links, they are a little closer to top of the navigation div than the bottom. Any assistance will be appreciated. Please feel free to point any other errors, am sure there is some in there.
@charset "utf-8";
body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
color: 151515;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
background-color: EFF5F8;
#banner {
#wrapper {
background-color: rgba(255,255,255,1.00);
width: 100%;
min-width: 740px;
max-width: 1024px;
margin-left: auto;
margin-right: auto;
#sidebar img {
max-width: 100%;
#wrapper #banner img {
max-width: 100%;
h1, h2 {
color: #3399CC;
font-family: source-sans-pro;
font-style: normal;
font-weight: 600;
h1 {
font-size: 40px;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
#hero {
float: left;
width: 58%;
margin-left: 2%;
#sidebar {
width: 34%;
margin-left: 4%;
float: left;
#footer {
float: left;
clear: left;
padding-left: 2%;
background-color: #43A6CB;
color: #FFFFFF;
text-align: center;
width: 100%;
a {
text-decoration: none;
font-weight: bold;
a:link {
color: #FF6600;
a:visited {
color: #FF6600;
a:hover, a:active, a:active {
color: #7F3300;
text-decoration: underline;
#navigation ul {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 10pm;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
text-align: center;
color: rgba(51,153,204,1.00);
#navigation {
background-color: #4D4D4D;
color: #FFFFFF;
text-transform: uppercase;
#navigation li {
display: inline;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
margin-top: 10pm;
margin-right: 10pm;
margin-bottom: 10pm;
margin-left: 10pm;
clear: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
color: rgba(194,209,221,1.00);
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
Here is the code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>4gals Computer Service Home</title>
<link href="main.css" rel="stylesheet" type="text/css">
<script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/source-sans-pro:n2,n6:default.js" type="text/javascript"></script>
</head>
<body>
<div id="wrapper">
<div id="banner"><img src="Images/banners/4gals banner.jpg" alt=""/></div>
<div id="navigation">
    <ul>
      <li><a href="index.html" title="4gals Computer Services Main Page" target="_self">Main</a></li>
      <li><a href="contact.html" title="4gals Computer Services Contact Page" target="_self">Contact</a></li>
      <li><a href="appointments.html" title="4gals Computer Services, Service Request Form" target="_self">Service</a></li>
      <li><a href="helpful-tips.html" title="4gals Computer Services Helpful tips" target="_self">Tips</a></li>
      <li><a href="meet-the-gals.html" title="Meet Our Daughters; The 4gals" target="_self">4gals</a></li>
    </ul>
</div>
<div id="hero">
    <h1>Computer Service For Families and Small Businesses</h1>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    <h2> </h2>
</div>
<div id="sidebar">
    <h2>Call us for today for same-day service!</h2>
    <p><img src="Images/iphone-5_03.jpg" alt=""/></p>
    <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p>
</div>
<div id="footer">Copyright 2014 © Web design by a-loum</div>
</div>
</div>
<p> </p>
<h1> </h1>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>

Starting with this, you have errors in your CSS code.
body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
color: 151515;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
background-color: EFF5F8;
body {
margin:0;
color: #151515;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
background-color: #EFF5F8;
font-size: 100%;
Related links:
Windows Chrome, why do my fonts look so bad? - Lee Green
css3 - Bad font rendering Chrome - Stack Overflow
Nancy O.

Similar Messages

When Printing a web page from Firefox. The fonts are timy and all spacing is incorrect.

Prior to beta 4.12, the pages printed correctly. Now, the fonts are small and the text spacing is incorrect. All text has at least one extra space between the letters.
This happens on ALL sites when printing a web page.
I tried printing the same page in Internet Explorer and it prints correctly.

See this thread:
*[/questions/787654]

HT2513 ICal works great but the fonts are small and hard to read unlike Outlook. Any suggestions?

I have a MacPro and use ICal. I loke OUtlook because I can see it better and it is frankly more pleaseng to the eye. And the fonts are large enough. Of course, other than than Outlook is a nightmare on the lack of syncing etc...
I am resigned to using ICal but is there a way to change it's look? Or an emulation program that will use ICal but present it better on the screen?

Many of your points are totally legitimate.
This one, however, is not:
…To put it another way, the design of the site seems to be geared much more towards its regular users than those the site is supposedly trying to "help"…
The design and management of the forums for more than five years have driven literally dozens of the most valuable contributors and "regulars" away from the forums—permanently.
The only conclusion a prudent, reasonable person can draw from this state of affairs is that Adobe consciously and deliberately want to kill these forums by attrition—without a the PR hit they would otherwise take if they suddenly just shut them down.

Why won't Firefox 4 on Mac OSX 10.6.7 quit when QUIT is selected? The window closes, but the application remains open necessitating a forced-quit. Until recently it worked fine. I've reinstalled Firefox but the problem persists.

Firefox 4 on Mac OSX 10.6.7 won't quit when QUIT is selected.
The window closes, but the application remains open necessitating a forced-quit. Until recently it worked fine. I've Downloaded Firefox again and reinstalled but the problem persists.

Perform the suggestions mentioned in the following articles:
* [[Firefox is already running but is not responding]]
-> Profile in use
* [http://kb.mozillazine.org/Profile_in_use]
Check and tell if its working.

Both my pc and android phone are synced to Firefox, but the devices are not syncing with each other

Each device (pc + android phone) is logged into Sync, but there is no sync sharing happening
<sub>edit: removed personal information for your protection. (philipp)</sub>

HI msknack,
Thank you for your question. I understand that both of the devices are not syncing to match. Can you please check the following:
*Are they on the same version of sync? (Android account should not list Firefox Sync (deprecated))
*Are the managed items checked to be synced in the sync options?
Posting back could help out other users as well.

I have burned a CD and the first 1/2 of the songs sound fine but the rest are not clear

I have burned a CD and the first 1/2 of the songs sound fine but the rest are not clear, they have a skipping sound to them. I have erased teh CD-RW and tried again and it was somewhat better but the last few songs did the same thing.

Jennann,
First of all, it is better to use CD-Rs than CD-RWs, as the latter often give problems when used for audio CDs.
The problem you describe -- bad audio on the later tracks of an audio CD -- can almost always be corrected by doing the burn at a much lower burn speed. Use 2x.
The burn speed is selected in the dialog box that comes up when you request the burn. It defaults to "Maximum Possible," but there is a dropdown to select a lower value.

I want to run my office website in firefox but the error is saying active x and java not installed

i want to run my office website in firefox but the error is saying active x and java jvm not installed in firefox
after installing java and jre the website is opening but in the righ side tree is there that it is not opening

It is possible that your anti-virus software is corrupting the downloaded files or otherwise interfering with downloading files by Firefox.
Try to disable the real-time (live) scanning of files in your anti-virus software temporarily to see if that makes downloading work.
See "Disable virus scanning in Firefox preferences - Windows"
*http://kb.mozillazine.org/Unable_to_save_or_download_files

I just downloaded the new version of Firefox (ver 4). Now when I open Firefox I get the address bar but the information part of my screen is blank. This happens on all web sites. How do I fix this? IE works fine.

I just downloaded the new version of Firefox (ver 4). Now when I open Firefox I get the address bar but the information part of my screen is blank. This happens on all web sites. How do I fix this? IE works fine.

Did you check your security software (firewall)?
A possible cause is security software (firewall) that blocks or restricts Firefox or the plugin-container process without informing you, possibly after detecting changes (update) to the Firefox program.
Remove all rules for Firefox from the permissions list in the firewall and let your firewall ask again for permission to get full unrestricted access to internet for Firefox and the plugin-container process.
See:
* [[Server not found]]
* [[Firewalls]]

I transfered my purchases from my iphone to my mac. All transfers completed. One particular album shows up on the phone but the songs are greyed out and don't play. Itunes shows album as purchased but album is not in my Mac library.

I transfered my purchases from my iphone to my mac. All transfers completed. One particular album shows up on the phone but the songs are greyed out and don't play. Itunes store shows album as purchased but album does not show up in my Mac library. How can I retrieve the album.

So i've found the answer to this by clicking on every menu and setting in the itunes store. It turns out some purchases in the cloud can be hidden probably as the result of an interrupted transfer/sync/backup or a network outage. To unhide purchases 'greyed out ' items , go to the Itunes store (on the PC) click on your account name and select view account. (you'll be prompted for your itunes password) once you are in scroll down to the purchase history section. there should be an option for hidden purchases. click through and click on unhide purchases, redownloadble purchases. any hidden purchases will then show up. click on unhide to reactivate and download. This may only work for purchases in the cloud.
hope others find this useful.

I have problem with fonts for my site, i have used "Lucida sans unicode " family for certain texts. it shows perfect in mozilla 3.5 and mozilla 4. But the font not supporting in mozilla 5.0? please help me

i have problem with fonts for my site, i have used "Lucida sans unicode " family for certain texts. it shows perfect in mozilla 3.5 and mozilla 4. But the font not supporting in mozilla 5.0? please help me

i have problem with fonts for my site, i have used "Lucida sans unicode " family for certain texts. it shows perfect in mozilla 3.5 and mozilla 4. But the font not supporting in mozilla 5.0? please help me

I have created a form in InDesign, exported to a pdf, created an editable form and saved. When I open the form and make changes and save, the reopen the changes are there. If try to email this form as an attachment after editing, the attachment is alway

I have created a form in InDesign, exported to a pdf, then created an editable form and saved. When I open the form and make changes and save, then reopen the changes are there. If try to email this form as an attachment after editing, the attachment is always minus the edits. ????

Hi chuck,
If you ave created the form and then filling it yourself and saving the form, the filled data should be there when you reopen the same form.
Can you please send the form to me at [email protected] so that I can have a look.
Regards,
Rave

I just purchased Export PDF, and when I use it, it opens them in WordPad (which I never use) instead of Word. Thus, the pictures are not there, and the fonts are changed. How do I get into Word?

I just purchased Export PDF, and when I use it, it opens them in WordPad (which I never use) instead of Word. Thus, the pictures are not there, and the fonts are changed. How do I get them imported into Word?

Hi,
I checked your account,your Export PDF subscription is in 'Pending' status.
Once it gets confirmed you will be able to use it.
Please let us know if you require further assistance.
Regards,
Florence

I try to insert some images on a website but the images are not in the right color mode. I do not know what to do? and also I have 1200 images to insert so I can not change one after one. So I need to set up an action, but I donot know how to do it... Tha

I try to insert some images on a website but the images are not in the right color mode. I do not know what to do? and also I have 1200 images to insert so I can not change one after one. So I need to set up an action, but I donot know how to do it... Thanks

What is the problem specifiaclly?
If the images are intended for web use I would recommend converting them to sRGB which could be done with Edit > Convert to Profile or with File > Save for Web, but as including a Save step in Actions and applying them as Batch can sometimes cause problems I would go with regular converting.
You could also try Image Processor Pro.
Scripts Page

I have a macbook pro 17". How can I change the way things look? The page only takes about half of the screen and the fonts are fairly small. I am sure there is an easy adjustment. Please clue me in. Thanks

I have a macbook pro 17". I love the big screen, but how can I change the display? The content takes about half of the screen and the fonts are very small. I am sure it is an easy fix, so please clue me in. Thanks

Look at your >System Preferences>Displays

HT204406 The songs on my computer itunes playlist and my iphone playlist songs are not matching up. I do see new songs I've added on my computer playlist on my iphone playlist but the songs are not in the same order. How do I get them to match?

Playlists matching on computer and iphone? The playlists on my computer in itunes are not matching up with the "match" playlist on my iphone. New songs do show up when I add them to a playlist, but the songs are all in different order. If I edit a playlist on my computer how do I get it to match on my iphone?

Restore them to the new computer using the bakcup of the old one. If you don't have a backup of the old computer, you can re-download music purchased from the iTunes store. If they were imported from CD's, etc. You will either have to re-rip them or purchase third party software to extract them from the phone. The iPhone is not a backup or data transfer device.

My site previews fine in live, explorer and firefox, but the fonts are extra large and bold on chrome, this is my first site, please assist. I will be happy to provide screenshots and code or css sheets.

Similar Messages

Maybe you are looking for