Forum Moderators: not2easy

Message Too Old, No Replies

My CSS won't work with IE

         

cyberwarloc

9:36 pm on Mar 27, 2009 (gmt 0)

10+ Year Member



Can anyone tell me why the following code will work with Internet Explorer 6-7 but will work in Mozilla Firefox 3:

.header {
text-align: center;
font-size: 50px;
font-weight: bold;
color:#FF0000;
padding-bottom: 2px;
margin: 0px;
}

.subheader {
text-align: center;
font-size: 25px;
color:#FF0000;
padding-top: 1px;
margin: 0px;
}

.justify {text-align: justify}

.red {color: red}

.bold {font-weight: bold}

.underline {text-decoration: underline}

.italic {font-style: italic}

ul {
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}

.menu {
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:#FF0000;
padding:0.2em 0.6em;
border-right:1px solid white;
}

.menu:hover {background-color:#0000FF}

li {display:inline}

and the tag I use to call this file is:

<link rel="stylesheet" type="text/css "href="prairieUMC.css">

swa66

10:01 pm on Mar 27, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to WebmasterWorld! [webmasterworld.com]

In which browser is it not working? (title says IE6 not working, but body text seems to say it does ...)

What do you mean by not working ? (a lot of it is intent you have, and it's pretty hard to guess that from code)

If it's the menu that's causing trouble, could we have a snipped of anonymized code for that part ?

Are you sure you don't have IE6 in quirks mode (full doctype with *nothing* in front of it) ?

cyberwarloc

10:10 pm on Mar 27, 2009 (gmt 0)

10+ Year Member



Sorry about that. It was not working in either IE6 and IE7. I found out that the code has nothing to do with it. The <link> tag was done improperly and IE was not liking it. After I fixed the <link> tag it worked fine.

SuzyUK

9:02 pm on Apr 4, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



thanks for the report back cyberwarloc and Welcome to WebmasterWorld!