CSS in IE and FireFox

**simster** · 03-04-2007, 03:36 AM

Here is the css for IE

HTML Code:

<style type="text/css">
body {background: #b28945;}
.img1{position:absolute;top:0;left:0;width:984;height:1400;}

.div1{background: black; position:absolute;top:444;left:27;width:270;height:842; overflow:auto; }
.div2{background: black; position:absolute;top:442;left:365;width:578;height:842; overflow:auto; }

</style>

And here is the css for Fire Fox

HTML Code:

<style type="text/css">
body {background: ##BA9451;}
.img1{position:absolute;top:0;left:0;width:984;height:1400;}

.div1{background: black; position:absolute;top:444;left:27;width:270;height:842; overflow:auto; }
.div2{background: black; position:absolute;top:442;left:365;width:578;height:842; overflow:auto; }

</style>

I would like to know how to have my firefox css and ie css code wirking in those browsers.

(one css for ie7 and another for firefox) maybe javascript or something.

**Insensus** · 03-04-2007, 04:21 AM

You'll have to use conditional comments for that I guess.
I'm not aware of how they work though.
It's explained in this topic:
http://www.webmaster-talk.com/javasc...tylesheet.html

Regards,
Insensus

**OmuCuSucu** · 03-04-2007, 04:25 AM

you only have background color different ... i don't see any point in using code twice. just use the conditional comments as descibed in the post Insensius gave you, but i suggest using them only for the differences

**simster** · 05:58 AM

can some one give me the code because i cant use php code on my free site

**Insensus** · 03-04-2007, 06:45 AM

It isn't PHP:

Code:

<!--[if lt IE 7]>
call your style sheet here
<![endif]-->

**simster** · 03-04-2007, 02:48 PM

in the css stylesheet (end with .css) do i need style tags or whatever

**Insensus** · 03-04-2007, 03:08 PM

I don't see what you mean, I'm afraid.

**Angelosanto** · 03-04-2007, 03:20 PM

NO! Don't use style tags in your stylesheet. It's not necessary to use them unless the stylesheet is contained within the HTML page.

**simster** · 03-04-2007, 08:44 PM

and what code do i use to embed to .css stylesheet

**taketherisk** · 03-04-2007, 09:52 PM

hi,

Heres the code:

Code:

<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<![endif]-->

But i don't see why you are making another file for IE. You could just have:

Code:

<!--[if lt IE 7]>
<style type="text/css">
<!--
body {background: #b28945;}
-->
</style>
<![endif]-->

Hope this helps

-Brett

**AliKat** · 03-05-2007, 11:14 AM

I could be wrong but I'm pretty sure you need to include units in your heights and widths to be standards compliant.

**LadynRed** · 03-05-2007, 01:52 PM

Quote:

I could be wrong but I'm pretty sure you need to include units in your heights and widths to be standards compliant.

You are correct, but it's not just for standards compliance, it's good practice.

Conditional comments should be used to target the IE browsers. I have 3 css files on my sites: 1 for FF and all the 'good' browsers; 1 for IE 6 and below; 1 for IE 7. The ONLY thing contained in the IE 6 and 7 css files are the rules needed to make IE behave, nothing else.

Yes, you have multiple files, but it is minimal and the secondary files are not complete duplicates of the main css file.

Simster, why are you using all that absolute positioning ?? Generally not a good idea at all.

**simster** · 03-05-2007, 10:17 PM

im making a div site

**LadynRed** · 03-06-2007, 01:22 PM

Quote:

im making a div site

Huh ? We know that, and my comment is only relevant to a table-less site.