Firefox 3 & Css

Joined: 11/28/2008

On this page http://northjacksonfd.com/personnel.html the table color in IE is a light gray, In Firefox 3 its orange. Any idea as to why?

Here is the css for that table.

.bdr {
border-style:solid;
border:#D2D2D2;
border:thin;
}

http://christiangamers.net
One Love, One God, One Way
"Allow me to live today, To give you the praise"

Joined: 11/28/2008
When I look at your code I

When I look at your code I see this:

CODE
.bdr
     {
    border-style:solid;
    border:#D2D2D2;
        }

I don't see the thin. One thing you could do is simplify your css and use this instead

CODE
.bdr {
border: solid #D2D2D2 thin
}

Although I have never seen thin anywhere, but I am still a newb. Also, you haven't added a width for it, so I don't know if that has anything to do with it. I see Dark Gray on FF and Gray on IE, could be me though.

CODE
"Some trust in chariots and some in horses, but we trust in the name of Lord our God" Psalm 20:7

Joined: 11/28/2008
I haven't dug into the code,

I haven't dug into the code, and the following is pure conjecture on my part but it probably has to do with cascading, specificity or default values.... or a combination of any of the above or even the way you have written the html or the css.

Using FF web developer if I change your bdr class to border:1px solid green... it changes the line border below Personel and Sam Sexton to green. If I change the bdr class to td with the values as above it changes all borders to green. I can make additional changes to the page just by playing with various table elements.

If it were me... I would do a CSS reset of table values and then target your specific tables and their display characteristics using id's.

Joined: 11/28/2008
How do you do a reset?

How do you do a reset?

http://christiangamers.net
One Love, One God, One Way
"Allow me to live today, To give you the praise"

Joined: 11/28/2008
Your html code isn't valid,

Your html code isn't valid, so your table is being rendered in quirks mode; both IE and FF are guessing as to what you really mean by the line

<table width="100%" border="1px "class="bdr">

Which, with the movement of a single space, should be...

<table width="100%" border="1px" class="bdr">

HTH,

Pete.

Peter Connolly
Technical Director
KP Direction LLC
http://www.kpdirection.com
http://www.kids-faith.com

Joined: 11/28/2008
Peter Connolly @ Jul 4
QUOTE(Peter Connolly @ Jul 4 2008, 06:31 PM)
Your html code isn't valid, so your table is being rendered in quirks mode; both IE and FF are guessing as to what you really mean by the line

<table width="100%" border="1px "class="bdr">

Which, with the movement of a single space, should be...

<table width="100%" border="1px" class="bdr">

HTH,

Pete.

fixed this error, but in FF 3 the table still looks orange to me, maybe its just me...

http://christiangamers.net
One Love, One God, One Way
"Allow me to live today, To give you the praise"

Joined: 11/28/2008
For some reason, this style

For some reason, this style rule is causing the border to be the same colour:

(fire.css (line 99))

CODE
#main {
  color:#FF8C4B;
  text-align:left;
}

I recommend you getting Firebug! http://getfirebug.com/releases/ It is great for seeing where style rules are and what effect they have.

Paul Davey
Whitford Church
"Everyone who calls on the name of the Lord will be saved." Romans 10:13
"For all have sinned and fall short of the glory of God, and are justified