Hello,
I'm very new to CSS and still in the reference/copy/paste/edit stage,
so please forgive my ignorance. I'm using CSS for my blog, and while
the font size is fine in Firefox, it is illegibly small when looked at
in IE. It can't even be mousewheeled to a readable size. Is there
some descrepancy in how the two browsers render CSS? Can anyone
please tell me how to extend or unify my stylesheet so the font shows
up as the same size in both browsers? Please help.
I've listed the type and color section from my CSS below. If I should
be looking somewhere else, please let me know.
Thank you very much.
body {
font-family: 'ms ui gothic', 'microsoft sans serif', arial,
helvetica;
background: #ffffff url(images/autumnTactics1. jpg); background-
repeat:no-repeat; background-attachment: fixed;
color: #ffffff;
text-align: right;
}
#page {
background: transparent;
border: 1px solid #959596;
text-align: right;
}
#content {
font-size: 0.8em
}
..narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}
..widecolumn .entry p {
font-size: 1.05em;
}
..widecolumn {
line-height: 1.6em;
}
..narrowcolumn .postmetadata {
text-align: righ;
}
..alt {
background: transparent;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#footer {
background: transparent;
border: none;
}
small {
font-family: 'ms ui gothic', 'microsoft sans serif', arial,
helvetica;
font-size: 0.9em;
line-height: 1.5em;
}
h1, h2, h3 {
font-family: 'ms ui gothic', 'microsoft sans serif', arial,
helvetica;
font-weight: bold;
}
h1 {
font-size: 4em;
text-align: center;
}
#headerimg .description {
font-size: 1.2em;
text-align: center;
}
h2 {
font-size: 1.6em;
}
h2.pagetitle {
font-size: 1.6em;
}
#sidebar h2 {
font-family: 'ms ui gothic', 'microsoft sans serif', arial,
helvetica;
font-size: 1.2em;
}
h3 {
font-size: 1.3em;
}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
color: #cc6666;
}
/* Post title */
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #6666CC;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3
a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}
..entry p a:visited {
color: #b85b5a;
}
..commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'ms ui gothic', 'microsoft sans serif', arial, helvetica;
}
..commentlist li {
font-weight: bold;
}
..commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
..commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
#commentform p {
font-family: 'ms ui gothic', 'microsoft sans serif', arial,
helvetica;
}
..commentmetada ta {
font-weight: normal;
}
#sidebar {
font: 1em 'ms ui gothic', 'microsoft sans serif', arial, helvetica;
}
small, #sidebar ul ul li, #sidebar ul ol
li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
} 4 3704
Scripsit HeroOfSpielburg :
I'm very new to CSS and still in the reference/copy/paste/edit stage,
so please forgive my ignorance. I'm using CSS for my blog, and while
the font size is fine in Firefox, it is illegibly small when looked at
in IE.
Simply stop playing with font size in your style sheet. Problem solved. When
you master some simpler issues in CSS, consider setting font size for
headings first, without setting copy text size.
I've listed the type and color section from my CSS below.
And post the URL, not snippets of code. How could we know, for example, how
much nesting you have on your page so that the font size effects cumulate?
body {
font-family: 'ms ui gothic', 'microsoft sans serif', arial,
helvetica;
Have you actually tested your page using each of those fonts? It looks like
a strange list.
text-align: right;
Quite strange.
text-align: righ;
You haven't even used the W3C CSS Validator. Please do so before posting a
question about a particular style sheet.
--
Jukka K. Korpela ("Yucca") http://www.cs.tut.fi/~jkorpela/
On 2007/06/03 17:50 (GMT-0700) HeroOfSpielburg apparently typed:
I'm very new to CSS and still in the reference/copy/paste/edit stage,
so please forgive my ignorance. I'm using CSS for my blog, and while
the font size is fine in Firefox, it is illegibly small when looked at
in IE. It can't even be mousewheeled to a readable size. Is there
some descrepancy in how the two browsers render CSS? Can anyone
please tell me how to extend or unify my stylesheet so the font shows
up as the same size in both browsers? Please help.
I've listed the type and color section from my CSS below. If I should
be looking somewhere else, please let me know.
body {
font-family: 'ms ui gothic', 'microsoft sans serif', arial,
helvetica;
background: #ffffff url(images/autumnTactics1. jpg); background-
repeat:no-repeat; background-attachment: fixed;
color: #ffffff;
text-align: right;
}
#content {
font-size: 0.8em
}
It's impossible to give a full accurate answer, as you've negelected to provide a URL, but the probable single biggest reason is that you've neglected to tell IE not to be stupid in rudely undersizing
text in #content. http://css-discuss.incutio.com/?page=UsingEms shows how to tell IE not to be stupid. http://www.informationarchitects.jp/100e2r?v=4 explains how not to be rude.
--
"Respect everyone." I Peter 2:17 NIV
Team OS/2 ** Reg. Linux User #211409
Felix Miata *** http://mrmazda.no-ip.com/
HeroOfSpielburg wrote:
>
the font size is fine in Firefox, it is illegibly small when looked at
in IE.
I've listed the type and color section from my CSS below.
[snip huge amount of code]
Please don't post reams of code, post a URL to your page that shows the
problem.
#content {
font-size: 0.8em
}
The problem is most likely the well-known bug IE has with em units. Set
body {font-size:100%} and the problem should go away.
That only leaves the other problem with using too small type for normal
paragraph text. If 1em/100% looks too big to you, you haven't adjusted
your browser default font size properly.
I won't comment on other aspects of your stylesheet, but there are other
questionable settings besides the type size.
--
Berg
Thank you to everyone who took the time to reply. As several people
noted, I should probably take some time reading up on CSS basics, so
when I copy from other stylesheets, I can at least know what is worth
copying or not. :)
For now, this will at least fix the problem of no one being able to
read my site in the short term. And next time I'll be sure to post
the URL and check the stylesheet against the validator. I'm much
obliged! This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Randell D. |
last post by:
I have just recompiled, upgraded to PHP 4.3.4. As an exercise (and
curiosity) I've decided to test out PDF functions and got the test in the
PHP online manual working. I had one problem whereby the example refered to
Times New Roman - I didn't have this, but I did have Times-Roman which
worked.
My question - How do I know what fonts I *do* have available? I've run
phpinfo() and gd_info() which I hope is enough to tell some wise person...
|
by: Jack Charbonneau |
last post by:
I have a bunch of custom fonts installed on my system.
For instance if I look at the font drop-down in word pad
I see about 90 fonts, but if I build an app using VS.Net,
add a label, and try to change the font - I'm only given
a choice of about 20 - the "standard" fonts which are
installed with the OS (XP).
How can I get the rest of my fonts in this box?
Thanks.
|
by: LaidBack Bill |
last post by:
My application allows the user to select fonts. I fill in a combo box
control with the available fonts by looping through all System.Fonts:
' Get all the screen fonts
ReDim sFontNameList(Screen.FontCount - 1)
For i = 0 To Screen.FontCount - 1
sFontNameList(i) = Screen.Fonts(i)
Next i
|
by: Sam |
last post by:
Is there a way to display Asian fonts in Access 97? If not, how about
subsequent versions? One thought is I was able to display Asian fonts
in Visual Basic using a browser control, which in turn could display
unicode fonts. Is this option available in Access 97 or other
versions? Any help or information in this area would be much
appreciated.
thanks in advance,
Sam90
|
by: L |
last post by:
Hi there,
Does C# support OpenType fonts? My c# application is not
recognizing OpenType fonts.
Thanks,
Lalasa.
| |
by: Aaron Gray |
last post by:
Is there anyway to get a list of all the availiable fonts in Javascript ?
Aaron
|
by: traditore |
last post by:
Hello.
I'm trying to load fonts in a web page using "style" tag. The TTF files are
in other page whose URL is, for example, "http://myURL/fonts". The HTML
code is something like:
<html>
<head>
<style>
@font-face {
|
by: ctclibby |
last post by:
Hi all
Have a customer that wants a specific font included in her web page
design; Comic Sans MS. This is one of the MS core fonts. The problem
I have is that some of the *nix browsers do NOT include these fonts by
default.
http://www.diamondvet.com/test renders those fonts correctly using an
XP box. After I installed those fonts on my machine, firefox and
mozilla both rendered them correctly. So here is the question:
|
by: Gary |
last post by:
1. I've installed a bunch of fonts in main application, which is in native
C++ code using AddFontResourceEx
2. A C# application is launched from this main application, but failed to
enumerate those installed fonts.
My issue is that I don't want those fonts to be used outside of the main
application so that I've set the font characteristics as FR_PRIVATE. However,
I want the C# application be able to use those fonts. Although the C# app...
|
by: tpgames |
last post by:
Two days ago, MS office Word would type JP fonts, I thought. I didn't think I was using Works. Now, it won't type in JP. Jasc Paint shop pro 8, should type JP fonts because I am using XP, according to Corel's website, and Jasc uses whatever is in the XP font folder. But, it won't. All the JP fonts types as English, even with JP selected in the Language Bar. I can't afford to upgrade to any better paint program. I do have a free JP word...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
| |
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
| |
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
|
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |