No CSS at all in IE , works perfectly in Firefox

liam · February 12, 2008, 9:26pm

Newbie question - and obviously I am missing something!! Any help would
be appreciated.
I am basically doing Rails tutorials and have fully working - fully
styled apps running in Firefox - however when I try and view same app in
IE I get absolutely no CSS styling at all - I compare the source from
each browser and it appears the same - and all paths are correct
thanks in advance

liam · February 12, 2008, 9:40pm

Then maybe there’s a problem with your CSS? When you view the source
on each browser, is it different? Maybe your HTML specification tag is
incorrect.

-Ryan

On Feb 12, 2:26 pm, Liam N. [email protected]

liam · February 12, 2008, 9:46pm

Liam N. wrote:

Newbie question - and obviously I am missing something!! Any help would
be appreciated.
I am basically doing Rails tutorials and have fully working - fully
styled apps running in Firefox - however when I try and view same app in
IE I get absolutely no CSS styling at all - I compare the source from
each browser and it appears the same - and all paths are correct
thanks in advance

Ryan - thanks for replying - here’s the source from FireFox…

</title

</head>
<body>
    <div id="container">
    <div id="header"></div>
    <div id="nav">
        <a href="/">Home</a> | <a href="/articles">News</a> |

… and here is IE 7

</title

</head>
<body>
    <div id="container">
    <div id="header"></div>
    <div id="nav">
        <a href="/">Home</a> | <a href="/articles">News</a> |

liam · February 12, 2008, 9:49pm

This is a silly question but does your IE display other websites
properly?

On Feb 12, 12:46 pm, Liam N. [email protected]

liam · February 12, 2008, 9:51pm

Melvin R. wrote:

This is a silly question but does your IE display other websites
properly?

On Feb 12, 12:46 pm, Liam N. [email protected]

Not a silly question at all - that’s the first thing I did! I went to
rubyonrails.org just to make sure I wasn’t mad… it shows up perfectly

well as perfectly as IE will - but I will settle for that! I am
stumped and I know it must be staring right at me…

liam · February 13, 2008, 12:52am

Make sure all your CSS brackets { and } are closed properly. You will
get
this error if one of the ones high up in the CSS is not closed properly.

On Feb 13, 2008 7:21 AM, Liam 11 [email protected]
wrote:

stumped and I know it must be staring right at me…

Posted via http://www.ruby-forum.com/.

–
Ryan B.

Feel free to add me to MSN and/or GTalk as this email.

liam · February 13, 2008, 2:18am

Can you show us the CSS file please?

On Feb 13, 2008 10:54 AM, Liam 11 [email protected]
wrote:

–

I checked the CSS in the Validator ----- tested fine - no errors
But I have at least isolated to IE7 - IE6 works ok.

Posted via http://www.ruby-forum.com/.

–
Ryan B.

Feel free to add me to MSN and/or GTalk as this email.

liam · February 13, 2008, 1:24am

Ryan B. wrote:

Make sure all your CSS brackets { and } are closed properly. You will
get
this error if one of the ones high up in the CSS is not closed properly.

On Feb 13, 2008 7:21 AM, Liam 11 [email protected]
wrote:

stumped and I know it must be staring right at me…

Posted via http://www.ruby-forum.com/.

–
Ryan B.
http://www.frozenplague.net
Feel free to add me to MSN and/or GTalk as this email.

I checked the CSS in the Validator ----- tested fine - no errors
But I have at least isolated to IE7 - IE6 works ok.

liam · February 13, 2008, 8:21am

Try breaking it down into smaller chunks and see what works and what
doesn’t
work when you comment it out. Surely it’s just one thing that’s breaking
it
all, and I can’t see what it is.

liam · February 13, 2008, 7:14pm

Yea I would do what Ryan is suggesting. Test 1st half, and then 2nd
half. If one of them works and the other doesn’t, test 1st half of bad
code & then 2nd half. Keep doing until you figure out what is breaking
things.

On Feb 12, 11:20 pm, “Ryan B. (Radar)” [email protected]

liam · February 13, 2008, 2:40am

Ryan B. wrote:

Can you show us the CSS file please?

On Feb 13, 2008 10:54 AM, Liam 11 [email protected]
wrote:

–

I checked the CSS in the Validator ----- tested fine - no errors
But I have at least isolated to IE7 - IE6 works ok.

Posted via http://www.ruby-forum.com/.

–
Ryan B.
http://www.frozenplague.net
Feel free to add me to MSN and/or GTalk as this email.

CSS file below - thanks…

@charset “utf-8”;
/* CSS Document */

/* removes list-style from lists */
ol, ul
{ list-style: none; }

/* removes borders */
fieldset, img
{ border: 0; }

body {
margin:0em;
padding:0;
font-family: Georgia, serif;
font-size: 14px;
line-height:2em;
background:#969da0;
}

#container {
width:1000px;
margin:30px auto;
padding:0em;
background:#FFFFFF;
border:0px solid;
border-color:#a4abae;
}

#header {
background:url(…/images/header.jpg) repeat-x top;
float:left;
width:1000px;
height:200px;
}

#nav {

margin: 0;
padding-left: 3.75em;
padding-right: 3.75em;
font-size: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color:#FFFFFF;
background: #222233;
}

#nav a:link {
text-decoration:none;
color:#edf0f3;
}
#nav a:visited {
text-decoration:none;
color:#edf0f3;
}

#nav a:hover {
border-bottom: 1px dotted #FF9933;
color:#FF9933;
}

#side_nav {
font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 14px;

}

#side_nav a:link {
text-decoration: none;
}

#side_nav a:visited {
text-decoration: none;
}

#side_nav li {
padding-top:15px;
border-bottom: 1px dotted #FF9933;
color:#FF9933;

}
.user_name {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #666688;
}
.admin_heading {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666688;
}
#content {
float: right;
padding-top: 1em;
padding-right: 3em;
background-color:#FFFFFF;
width: 720px;
}
#content p {
margin: 0 0 1.5em 0;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#content h1 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 18px;

}

#content h2 {

text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
border-bottom: 1px dotted #FF9933;
color:#FF9933;

}
#article {

font-family: Georgia,'Times New Roman',times,serif;
font-size: 18px;

color:#666688;
border-bottom: 1px dotted #FF9933;
color:#666688;

}
#article h3 {

text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;

color:#FF9933;

}
#article p {

font-family: Georgia,'Times New Roman',times,serif;
font-size: 18px;

color:#666688;

}
#article_body {

font-family: Georgia,'Times New Roman',times,serif;
font-size: 18px;

color:#666688;

}
#article_body p {

font-family: Georgia,'Times New Roman',times,serif;
font-size: 18px;

color:#666688;

}

#article_base {

font-family: Georgia,'Times New Roman',times,serif;
font-size: 14px;

color:#666688;

}

#article_base p {

font-family: Georgia,'Times New Roman',times,serif;
font-size: 14px;

color:#666688;

}

.category {

font-family: Georgia,'Times New Roman',times,serif;
font-size: 14px;

color:#666688;

}

#blog_entry_title {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 28px;

}
#side_panel {
float: left;
padding: 1em 1em;
background-color:#FFFFFF;
width: 187px;
}

.clearfloat { /* this class should be placed on a div or break element
and should be the final element before the close of a container that
should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
th { background-color: #933; color: #fff; }
tr.odd { background-color: #fcc; }
tr.even { background-color: #ecc; }

/* User table styling /
table#users { width: 100%;}
table#users th { font-size: 95%; }
table#users td { font-size: 90%; }
/ Hack to get IE to display fieldset/legend correctly /
html fieldset {
position: relative;
}
html legend {
position:absolute;
top: -1em;
left: .5em;
}
html fieldset {
position: relative;
margin-top:1em;
padding-top:2em;
padding-bottom: 2em;
}
/ Form Styles */
fieldset {
background: #ddd;
}
legend {
color: white;
background: maroon;
padding: .4em 1em;
}
label {
width: 10em;
float: left;
text-align: right;
margin-right: 0.2em;
display: block;
}
.form_row {
white-space: nowrap;
padding-bottom: .5em;
}
.submit {
margin-left: 15em;
}

#photos ul {
list_style: none;
}
#photos li {
display: inline;
}
#photos li a img {
margin: 10px;
padding: 5px;
background: #CCCCCC;
}
#photo {
margin-bottom: 20px;
padding: 5px;
background: #444444;
}

/* tag cloud styling */
.tag1 { font-size: 100%; }
.tag2 { font-size: 120%; }
.tag3 { font-size: 140%; }
.tag4 { font-size: 160%; }
.tag5 { font-size: 170%; }
.tag6 { font-size: 180%; }

/* Error Reporting Styles */
.fieldWithErrors {
margin: 2px;
padding: 2px;
background-color: red;
display: table;
}
#errorExplanation {
border: 2px solid red;
padding: 7px;
padding-bottom: 12px;
margin-bottom: 20px;
background-color: #f0f0f0;
}

/* Flash Notice Style */
#notice {
border: 1px solid green;
padding: 1em;
margin: 1em;
margin-bottom: 2em;
background-color: lightgray;
font: bold smaller sans-serif;
}
#errorExplanation h2 {
text-align: left;
font-weight: bold;
padding: 5px 5px 5px 15px;
font-size: 12pt;
margin: -7px;
background-color: #c00;
color: #fff;
}
#errorExplanation p {
color: #333;
margin-bottom: 0;
padding: 5px;
}
#errorExplanation ul li {
font-size: 11pt;
list-style: square;
}

/* Debug Style */
#debug {
margin-top: 1em;
margin-left: auto;
}
#debug a, #debug a.visited {
text-decoration: none;
color: maroon;
}
fieldset.debug_info {
text-align: left;
margin: 1em;
background: #eee;
}

No CSS at all in IE , works perfectly in Firefox

stumped and I know it must be staring right at me…

I checked the CSS in the Validator ----- tested fine - no errors But I have at least isolated to IE7 - IE6 works ok.

stumped and I know it must be staring right at me…

I checked the CSS in the Validator ----- tested fine - no errors But I have at least isolated to IE7 - IE6 works ok.

I checked the CSS in the Validator ----- tested fine - no errors
But I have at least isolated to IE7 - IE6 works ok.

I checked the CSS in the Validator ----- tested fine - no errors
But I have at least isolated to IE7 - IE6 works ok.