Hey
I was wondering how I could fix this.
My text is how I want it in IE but in FireFox it looks TOTALLY different. It’s like it’s ignoring my text attributes in my stylesheet. ```` I hate firefox… arg. Anyways so could someone open up this page in both browsers and see what I mean:
http://www.tri-m.com/newengineeringsite/batterypacks.html

Trying to make sites compatible in all browsers is so frusterating! lol
Thanks sooooo much to whoever helps me. :D I love how helpful everyone is here.
-Jacenta

/* CSS Document */
html, body
{
height:100%;
}
A:link
{
text-decoration: none;
color:#065c95;
}
A:visited
{
text-decoration: none;
color:#065c95;
}
A:active
{
text-decoration: none;
color:#065c95;
}
A:hover
{
text-decoration: none;
color:#000000;
font-weight:bold;
}
body
{
margin:0px 0px 0px 0px;
padding:0px;
background:#ffffff;
font-family:Georgia;
font-size:62.5%;
}
#topbar
{
background-image:url(http://www.tri-m.com/newengineeringsite/images/topbarbackground.jpg);
background-repeat:no-repeat;
width:100%;
height:70px;
}
#navigation
{
background-color:#075c96;
width:100%;
height:23px;
}
#links
{
background-color:#075c96;
height:23px;
font-size:14px;
font-weight:bold;
padding-left:0px;
padding-right:0px;
}
#content
{
width:100%;
height:69%;
min-height:69%;
vertical-align:top;
}
#title
{
width:100%;
text-align:left;
padding-left:30px;
padding-top:10px;
padding-bottom:10px;
}
#bottombar
{
background-image:url(http://www.tri-m.com/newengineeringsite//images/bottombar.jpg);
background-repeat:no-repeat;
width:100%;
height:70px;
}
#copywrite
{
width:100%;
height:12px;
background-color:#ffffff;
text-align:center;
font-family:Arial;
font-size:10px;
color:#000000;
padding:1px;
margin-bottom:0;
}
table
{
font-size:15px;
}
<!-- Headings -->
h1
{
font-size:16px;
color:#065c95;
margin:0px;
}
<!-- Features Title -->
h2
{
font-size:16px;
color:#f47720;
margin:0px;
}
<!-- Features -->
h3
{
font-size:12px;
color:#065c95;
margin:0px;
}
<!-- Padding for text -->
#textpadding
{
padding-left:30px;
padding-right:30px;
}

Sorry wrong thread. Admins delete this.

aww ```` you got me excited. :( :P

maybe try making the red a smaller number?

h1 { font-size: 16px;
color: #065c95;
margin:0px; }

If I do this than the text in IE becomes smaller also. :S

The problem with your site are the comments you've tried to place in your CSS file. <!-- and --> are HTML comment tags. Like any other HTML placed in a style sheet, it does nothing. In fact, for a browser with a proper CSS parser (i.e., Firefox), it breaks the syntax of the CSS file in such a way that it becomes illegible. If you wish to make a comment in a style sheet, use the markup that you have at the top of your stylesheet: surround comments with /* and */.

This is why it's a good idea to compose your sites first in a more standards compliant browser like Firefox, then try to fix display anomalies (if any) in broken browsers like IE. It will save you a lot of time and result in more accessible websites.

Thank you sooooo much. I'll try that right now. Yeah... I didn't realize the whole Firefox thing before but from now on I'll build in firefox before IE.

:D

-Jacenta

...from now on I'll build in firefox before IE.
Ahhh... and another angel gets its wings.

You're quite welcome. ;)