Log In · Register

 
a CSS file...having problems
crazy_goat_black...
post Oct 17 2005, 10:37 PM
Post #1


The Insomnia Suffering Goatherd Of DOOM!!
***

Group: Member
Posts: 58
Joined: Oct 2005
Member No: 268,873



i'm kind of new to CSS...so...yeah. and i'm having issues with my new template i'm making for the CSS reboot. the thing is, it looks absolutely perfect in internet explorer, but when i view it in firefox everything is screwed up! which obviously means there's something wrong with my code. anyone know what? i put it through the w3 validator but the report it gave me made no sense...

here it is:

CODE
<style type="text/css">

body
 {
 background:black;
 scrollbar-arrow-color:black;
 scrollbar-track-color:black;
 scrollbar-shadow-color:gray;
 scrollbar-face-color:orange;
 scrollbar-darkshadow-color:darkgray;
 scrollbar-highlight-color:lightgray;
 scrollbar-3dlight-color:orange;
font:12px Tw Cen MT white;
 }

a:link
 {
 font-color:blue;
 font:12px Tw Cen MT blue;
 font-size:12px;
 text-decoration:none;
 }

a:visited
{
font-color:blue;
font:12px Tw Cen MT blue;
font-size:12px;
text-decoration:none;
}

a:hover
{
font-color:mediumblue;
font:14px Tw Cen MT mediumblue;
font-size:15px;
text-decoration:italic;
cursor:crosshair;
background-color:black;
border:1px dashed orange;
}

#title
{
align:center;
height:50px;
width:550px;
font-color:white;
font:12px Tw Cen MT orange;
font-size:12px;
text-decoration:none;
background-color:#333333;
border:2px dashed orange;
}

#navigate
{
height:50px;
width:550px;
background-color:#000000;
}

#entry
{
align:center;
height:350px;
width:550px;
background-color:#222222;
border:2px dashed orange;
text-decoration:none;
}

#footer
{
align:center;
height:100px
width:550px;
background-color:#000000;
}
</style>


<!-- DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>.:. Crazy Goat Design .:.</title>
</head>

<center>
<div id="title">
<center>
<font face="script mt bold" size="+3" color="orange">
<p>Crazy Goat Design</p>
</font>
<font face="trebuchet MS" size="+0" color="orange">
<p>"Let's all be goats in a field with no fences to keep us out of the Orchard."</p>
</font>
<p> </p>
</center>
</div>
</center>

<center>
<div id="navigate">
<center>
<font face="Trebuchet MS" color="white" size="-1">
<marquee>Brand new look + <a href="http://cssreboot.com" title="CSS Reboot">CSS Reboot</a> + Join the Reboot</marquee>
</font>
<font face="Trebuchet MS" color="white" size="+0">
+ <a href="http://www.diary-x.com" title="hostie">Diary X</a>
+ <a href="http://www.cafepress.com/uberfwuffwy" title="Uber Fwuffwy Store">Store</a>
+ <a href="http://s7.invisionfree.com/xblog" title="xBlog">xBlog</a>
+ <a href="http://www.xanga.com/crazzy_goat_layzz" title="Crazy Goat Xanga">Xanga</a>
+ <a href="mailto:crazygoat@diary-x.com" title="Email Us">Email</a>
+ <a href="http://www.createblog.com" title="Create Blog">Thanks</a>
+
</br>
</font>
</div>
</center>

<center>
<div id="entry">
<center>
<font face="trebuchet ms" size="+1" color="orange">
<p> </p>
<p>[Title]</p>
</font>
<font face="trebuchet ms" size="+0" color="orange">
<p>[date]</p>
</font>
<p>
<font face="Trebuchet MS" color="white" size="-1">
[body]
</font>
</p>
</center>
</div>
</center>

<center>
<div id="footer">
<center>
<font face="Trebuchet MS" color="white" size="-1">
<p>+ <a href="[prev url]" title="previous entry">Back</a> + Blackie typed at [time] + <a href="[next url]" title="next entry">Forth</a> +</p>
<p>© Crazy Goat Design 2005</p>
</font>
</center>

</html>


Help?
 
 
Start new topic
Replies
crazy_goat_black...
post Oct 18 2005, 03:40 PM
Post #2


The Insomnia Suffering Goatherd Of DOOM!!
***

Group: Member
Posts: 58
Joined: Oct 2005
Member No: 268,873



/me feels incredibly stupid now

oops. i also took out a few extra <br> tags and now everything's all good and fine. i fixed the font and text, too. the only problem is in firefox not all my links are the color i told them to be wacko.gif

okay, i take that back, i'm still ahving a few issues. what seems to be the problem is the text i have set in certain div's (?) aren't...staying there. lookit: http://crazygoat.diary-x.com/journal.cgi?t...inz&entry=lorem in IE it works fine, but in firefox the entry box doesn't expand to hold all the text. how do i fix this? and...am i making sense?

posts merged

This post has been edited by mona lisa: Oct 19 2005, 04:33 PM
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: