forum.coppermine-gallery.net

Support => cpg1.3.x Support => Older/other versions => cpg1.3 Themes/Skins/Templates => Topic started by: cynikalsam on November 04, 2004, 09:15:01 am

Title: CSS help. Displays differently in Firefox and IE
Post by: cynikalsam on November 04, 2004, 09:15:01 am: I'm still working on modifying my theme, and i've come across a small problem, but it has me stumped. The background color for the table that says "This category contains albums that belong to cynikalsam.com users." should be darker in Firefox. You can see it here. (http://www.cynikalsam.com/gallery)

It displays properly in IE and Opera, but the color is too light in Firefox. I think the problem has something to do with this CSS code;

.tableh1 {
   background: #000111;
   background-image: none;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   height: 25px;
   padding-left: 10px;
   padding-right: 10px;
}

.tableh1, .tableh1_compact, .navmenu, .navmenu a, .navmenu a:hover {
   background: #000321;
}

I'm just guessing, as thats the only table where i can seem to change the colors. How would i make it display the same in Firefox as it does in IE? ???
Title: Re: CSS help. Displays differently in Firefox and IE
Post by: Joachim Müller on November 04, 2004, 10:04:28 am: you mustn't have double definitions: remove
Code: [Select]
background: #000111;Welcome to the real "pain-in-the-ass" world of web browser differences - generations of webdesigners had to live with stuff like this; matters have improved (Netscape 4.x can be considered "obsolete"). Only recommendation I could give: produce valid code, don't "confuse" browsers with double-definitions.

Joachim
Title: Re: CSS help. Displays differently in Firefox and IE
Post by: cynikalsam on November 04, 2004, 10:10:16 am: Thanks you.

Just tried that, and it still is wrong in Firefox, and its still correct in IE.. Should i just post my entire CSS?
Title: Re: CSS help. Displays differently in Firefox and IE
Post by: Tarique Sani on November 04, 2004, 10:15:41 am: Quote from: cynikalsam on November 04, 2004, 10:10:16 am
Just tried that, and it still is wrong in Firefox, and its still correct in IE.. Should i just post my entire CSS?
Install the Web Development Toolbar in Firefox (search at http://mozdev.org ) and see which / how CSS is being applied
Title: Re: CSS help. Displays differently in Firefox and IE
Post by: cynikalsam on November 04, 2004, 10:21:24 am: OK i installed it, and it says its using the correct CSS. Im not sure what you mean by "how" though..

Still not sure how to fix it :(
Title: Re: CSS help. Displays differently in Firefox and IE
Post by: Tarique Sani on November 04, 2004, 10:28:55 am: From the Information menu in the Toolbar select "Display ID & Class Details"
Title: Re: CSS help. Displays differently in Firefox and IE
Post by: cynikalsam on November 04, 2004, 10:32:39 am: Oh wow, now there's a usefull feature. lol Thanks

Its area i'm trying to get displayed the same in IE and FF is class=tableb. And theres a green tag at the top that says "id=gallery"

Not sure what else to tall you from that. ???
Title: Re: CSS help. Displays differently in Firefox and IE
Post by: Tarique Sani on November 04, 2004, 10:36:03 am: Post screenshots of the same page in IE and FF and point out the problem area
Title: Re: CSS help. Displays differently in Firefox and IE
Post by: cynikalsam on November 04, 2004, 10:37:28 am: Ah i just fixed it! I had to change

.tableb {
   background: #000321;
   padding-bottom: 3px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 3px;
}

to..

.tableb {
   background: #000111;
   padding-bottom: 3px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 3px;
}

So its displaying fine now. Thanks for all your help :)
Title: Re: CSS help. Displays differently in Firefox and IE
Post by: photoshopabuser on December 16, 2004, 06:36:19 pm: Sheesh! :-[

Thanks for that nugget of info Tarique! I have had that for awhile but was not really sure what to do with it.
I am not the sharpest tool in the shed when it comes to any sort of coding and this will help out alot.

Thanks again!