How to set up a separate CSS for IE

rubyfruit · #1 Jul 4th, 2007, 16:18

I have 3 words which should display in a line and are positioned absolutely at the bottom left of my navigation bar. In Firefox and Opera they look as desired. IE decides to to display them over 2 lines. How do I just alter the font size in IE, as I really don't want to reduce the size any further for the other pages (as it is already small enough).

Also is IE known for having its own version of font size? It doesn't look very much different, but I'm guessing to cause the above prob it does.

My relavant coding is:

Code: Select all

 
html, body { margin: 0; padding: 0; background-color: white; color: black; font-size: 100.01%; font-family: sans-serif; }
 
#outer { height: 470px; width: 675px; background-color: white; }
#outer { position: absolute; top: 50%; margin-top: -235px; left: 50%; margin-left: -337.5px; }

#sidebar {  height:470px; width: 145px; float: left; padding-right: 20px;  } 
 
#sidebar { background-color: white; border-right: solid black; font-size: 0.8em;}
 
#sidebarh1 { text-align: left; color: #9A803B; font-size: 1.2em; font-weight: bold; font-family: sans-serif;}

#sidebarh1 {position:absolute; bottom:0px; left:0px;}

Thanks,

Ruby

delusion · #2 Jul 4th, 2007, 16:32

In your HTML add the following code to you <head> section:

Code: Select all

<!--[if IE]>
<style type="text/css"> 

-- add here what yuo want different in IE --

</style>
<![endif]-->

rubyfruit · #3 Jul 4th, 2007, 17:05

Excellent - thank you very much.

Ruby

Lchad · #4 Jul 4th, 2007, 22:42

It also may be that IE is still adding addition padding.
Try adding this to your css
* {
margin: 0;
padding: 0;
}

MikeHopley · #5 Jul 9th, 2007, 17:35

You can also refer to an external stylesheet instead:

Code: Select all

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

...and there are other syntaxes for selecting specific versions of IE.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
When to separate content among pages	Aso	Search Engine Optimization (SEO)	2	Jul 7th, 2008 09:10
Library of symbols for a map in a separate file?	AlexDi	Flash & Multimedia Forum	1	Nov 8th, 2007 15:44
Hi Guys! I've created a separate stylesheet and want to know where to insert it.	algoodbody	Web Page Design	4	Jul 27th, 2007 20:02

		Webforumz.com > Main Forums > Design Your Website > Starting Out
How to set up a separate CSS for IE