Printable Version of Topic

Click here to view this topic in its original format

Codegrrl.com Forums _ HTML and CSS _ [resolved] Tagboard and Firefox

Posted by: beautiful-letdown Jul 27 2005, 02:16 PM

In IE it looks fine, normal sized text, that is. In Firefox at home, it's jumbo text and have no idea why Here is my stylesheet for it (runs seperatly from main site), it is kinda messy though but that's how I dl'd it

CODE

body, form{
background-color: #FFFFFF;
scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: rgb(79,79,79);
scrollbar-shadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-darkshadow-color: rgb(79,79,79);
scrollbar-dark-shadow-color: #FFFFFF;
scrollbar-3dlight-color: rgb(79,79,79);
scrollbar-track-color: #FFFFFF;
border: 0px
}

textarea, input {
background-color: #FFFFFF;
scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: rgb(79,79,79);
scrollbar-shadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-darkshadow-color: rgb(79,79,79);
scrollbar-dark-shadow-color: #FFFFFF;
scrollbar-3dlight-color: rgb(79,79,79);
scrollbar-track-color: #FFFFFF;
border: solid 1px rgb(79,79,79); font-family: verdana; font-size: 9; color: rgb(79,79,79)
}

#tagboard p {
    margin: 0px;
    padding: 0px;
background-color: #FFFFFF;
}
#tagboard form p {
    padding-left: 10px;
background-color: #FFFFFF;
}
input { /* input changes the input fields */
}
a:link, a:visited, a:active, a:hover {
    font-weight: bold;
    text-decoration: none;
background-color: #FFFFFF;
}
a:hover {
    text-decoration: underline;
background-color: #FFFFFF;
}
.tag2 {
    color: rgb(79,79,79);
    background-color: #FFFFFF;
border-bottom: solid 1px rgb(79,79,79);
font-size: 9; font-family: verdana
}
.tag2 a:link, .tag2 a:visited, .tag2 a:active, .tag2 a:hover {
    color: rgb(79,79,79);
    font-weight: bold;
font-size: 9; font-family: verdana;
background-color: #FFFFFF;
}
.tag1 {
    color: rgb(79,79,79);
    background-color: #FFFFFF;
border-bottom: solid 1px #999999;
font-size: 9; font-family: verdana
}
.tag1 a:link, .tag1 a:visited, .tag1 a:active, .tag1 a:hover {
    color: rgb(79,79,79);
    font-weight: bold; font-size: 9; font-family: verdana;
background-color: #FFFFFF;
}
#parchs {
    margin-top: 15px;background-color: #FFFFFF;
}
#pslink {
    text-size: 9;
    text-align: left;background-color: #FFFFFF;
}
#psmileys img {
    cursor: pointer;background-color: #FFFFFF;
}
#tb_num_data {
    font-size: 9;background-color: #FFFFFF;
}

Posted by: markmus Jul 27 2005, 03:57 PM

by the looks of things,I guess you need to add a value(px,em,mm etc.) to the font-size'es in the css file

example :

CODE

font-family: verdana; font-size: 9

could look like -

CODE

font:9px verdana,sans-serif;

here's a link for info on the font property, 15.2.4 Font size:
http://www.w3.org/TR/REC-CSS2/fonts.html#propdef-font

Posted by: beautiful-letdown Jul 27 2005, 04:08 PM

OK, I now have all font sizes changed from 9 to 9px...but I'm at work now so if anyone using Firefox runs across this thread, can you let me know if the text is really 9px and not huge? thanks.

Posted by: Birgit Jul 27 2005, 04:15 PM

If this is the tagboard at your personal site, linked from your profile, it looks fine.

Posted by: beautiful-letdown Jul 27 2005, 04:39 PM

Thanks Birgit!

Posted by: Amelie Jul 27 2005, 06:56 PM

Eep, not at all related - but I just thought I'd let you know that you'd got a typo in your signature url. I tried clicking on it to see your site and it took me to beautiful-letdonw.net... Just thought you might want to know about that!