SitePoint Sponsor |
|
User Tag List
Results 1 to 15 of 15
Thread: IE CSS Stylesheet problem
-
Sep 6, 2007, 12:04 #1
- Join Date
- Sep 2007
- Posts
- 6
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
IE CSS Stylesheet problem
Hi, I created my site and have a main stylesheet. Everything works fine in FF, but in IE7, many of the attributes do not work. However, if I use inline coding within a tag, then I can see the css effects.
For example:
<td class="my_bgimage"> Will not show the background image and it's bottom position, but
<td style="background: url(background.jpg) no-repeat; background-position: bottom;"> Works fine.
Any idea why my stylesheet is not being read properly by IE but no problem with FF?
-
Sep 6, 2007, 12:10 #2
- Join Date
- Sep 2001
- Posts
- 320
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
i think u need to post the code you're using to link to the stylesheet. maybe even post the page live so we can debug it for you
Steve Davis
-
Sep 6, 2007, 12:17 #3
- Join Date
- Sep 2007
- Posts
- 6
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
-
Sep 6, 2007, 12:31 #4
- Join Date
- Sep 2007
- Posts
- 6
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Oh and here's a page to the code:
http://tinyurl.com/3xsdek
I have the background image working now only because of the inline coding. The area you can focus on is class="main_content_cell".
Thanks!
-
Sep 6, 2007, 13:09 #5
- Join Date
- Sep 2001
- Posts
- 320
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
man, i'm stumped on this one, but i'm still kind of a newb in css. i'm sure one of the mods can help.
Steve Davis
-
Sep 6, 2007, 13:27 #6
- Join Date
- Sep 2007
- Posts
- 6
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
I just took out the inline coding so that you can see how the css stylesheet works in Firefox but not in IE.
-
Sep 6, 2007, 14:05 #7
- Join Date
- May 2006
- Location
- Aurora, Illinois
- Posts
- 15,476
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Unfortunately I'm downloading Internet Explorer 7 on a dialup connection (just recently reinstalled Windows XP Pro) so I really can't help you right now.
Have you validated your HTML and CSS? Have you checked to see that the image appears in IE 6? Are your image file paths correct?
I'd check those before doing anything else (while I suffer through dialup Hell updating my OS).Save the Internet - Use Opera | May my mother rest in peace: 1943-2009
Dan Schulz - Design Team Advisor | Follow me on Twitter
SitePoint References: HTML CSS JavaScript | Become A Guru
WordPress SEO Checklist | What WordPress Plugins Do You Use?
Web Standards Curriculum | Image Free Equal Height Columns
-
Sep 6, 2007, 14:12 #8
- Join Date
- Sep 2003
- Location
- KSA - UAE
- Posts
- 9,457
- Mentioned
- 8 Post(s)
- Tagged
- 1 Thread(s)
Well don't use inline style!
Your CSS and HTML aren't valid:
http://jigsaw.w3.org/css-validator/v...usermedium=all
http://validator.w3.org/check?uri=ht...Inline&group=0
you even have 34 HTML errors fix them
-
Sep 12, 2007, 07:53 #9
- Join Date
- Sep 2007
- Posts
- 6
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Damn, let me look into all those!
-
Sep 12, 2007, 08:18 #10
-
Sep 12, 2007, 08:59 #11
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 40,556
- Mentioned
- 183 Post(s)
- Tagged
- 6 Thread(s)
HI,
Running the css through the validator would have fixed this in about 10 seconds.
you have stray text here:
Code:.page_content a:visited { color: #990000; background-color: transparent; }she'ss
You also have missed commas here:
Code:.site_map { color: #5D0001; font-family: "Trebuchet MS", verdana, geneva, sans-serif; font-size: 9pt; line-height: 12pt; letter-spacing: -0.5px; margin-left: 0; margin-top: 0; } .nav_links { color: #232323; font-family: "Trebuchet MS", verdana, geneva, sans-serif; font-size: 9pt; line-height: 11pt; letter-spacing: -0.5px; margin-left: 0; margin-top: 0; }
-
Sep 12, 2007, 11:45 #12
- Join Date
- May 2006
- Location
- Aurora, Illinois
- Posts
- 15,476
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Save the Internet - Use Opera | May my mother rest in peace: 1943-2009
Dan Schulz - Design Team Advisor | Follow me on Twitter
SitePoint References: HTML CSS JavaScript | Become A Guru
WordPress SEO Checklist | What WordPress Plugins Do You Use?
Web Standards Curriculum | Image Free Equal Height Columns
-
Sep 12, 2007, 12:09 #13
- Join Date
- Sep 2007
- Posts
- 6
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Thanks everyone, I fixed it all. The problem was definitely in the css stylesheet. There were some characters inserted in the middle of the document that had no reason being there. Time to start color coding my code!
-
Sep 12, 2007, 12:40 #14
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 40,556
- Mentioned
- 183 Post(s)
- Tagged
- 6 Thread(s)
Originally Posted by weboy
-
Sep 12, 2007, 12:43 #15
Bookmarks