 |
| CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS). |
Welcome to the p2p.wrox.com Forums.
You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
|
|
|
|
July 20th, 2005, 11:00 AM
|
|
Registered User
|
|
Join Date: Jul 2005
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
|
|
opps Have I done something silly
Can someone take a look at this http://www.rogersdistinctivewebdesign.org.uk/home.htm please in firefox or opera first, then in IE and or Maxthon. 
For some reason in IE the page is loading then cant be found. Its the same with all the pages in the site.
The CSS files are here
http://www.rogersdistinctivewebdesign.org.uk/styles/
Everything works in the other browsers - oh and it works in IE using apache to test on - so im stumped especially as I tested them at W3C.
Greatful as ever for some advice.:)
Gilly
|
|
July 20th, 2005, 11:29 AM
|
|
Registered User
|
|
Join Date: Jul 2005
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
|
|
oh my - i dont know where to start - it was ok last week and I dont have any png's.:(
Whats the possibility that it the hosting company causing the problem?
Thanks Richard
kind regards
Gilly
|
|
July 20th, 2005, 12:34 PM
|
|
Registered User
|
|
Join Date: Jul 2005
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
|
|
Ok - ive tried removing the css, the template, the library item and tested after removing each one. I still get the problem - so now i am thinking it must be from the hosting company - tell me if im off my trolley though on that one :D I have asked them to look into it.
Im using IE6 and not the IE7 - which im going to download and use anyway.
The only page that does work is the little flash intro
http://www.rogersdistinctivewebdesign.org.uk/index.htm
which as it hasnt got the template etc you would have thought the problem was related to either one of them.
arrrgghghgh  :)
I'll keep you posted when I find the solution - i'll be damned if this beats me
Gilly
|
|
July 20th, 2005, 12:44 PM
|
 |
Wrox Author
|
|
Join Date: Jun 2003
Posts: 1,706
Thanks: 0
Thanked 6 Times in 6 Posts
|
|
> Im using IE6 and not the IE7 - which im going to download and use anyway.
"IE7" is a JavaScript that brings compatibility with CSS to IE 5, 5.5 and 6. So it isn't a browser that you can use to surf the internet. The "official" IE7 from Microsoft hasn't yet been released.
I don't think it's your host. What you need is HTTP debugging. Here's what Fiddler, http://www.fiddlertool.com, had to say about it.
Code:
------------------------------------------------------------------
GET /home.htm HTTP/1.1
Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/x-shockwave-flash, application/x-blogtorrent, application/x-bittorrent, application/vnd.ms-excel, application/vnd.ms-powerpoint, application/msword, */*
Accept-Language: en-us
Accept-Encoding: gzip, deflate
If-Modified-Since: Wed, 20 Jul 2005 15:52:02 GMT
If-None-Match: "93c121-1256-42de7322"
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
Host: www.rogersdistinctivewebdesign.org.uk
Proxy-Connection: Keep-Alive
HTTP/1.1 200 OK
Date: Wed, 20 Jul 2005 17:40:44 GMT
Server: Apache/1.3.33 (Unix) mod_auth_passthrough/1.8 mod_log_bytes/1.2 mod_bwlimited/1.4 FrontPage/5.0.2.2635 mod_ssl/2.8.22 OpenSSL/0.9.7a PHP-CGI/0.1b
Last-Modified: Wed, 20 Jul 2005 17:22:40 GMT
ETag: "93c121-1257-42de8860"
Accept-Ranges: bytes
Content-Length: 4695
Connection: close
Content-Type: text/html
GET /styles/RDWDMainContStyle.css HTTP/1.1
Accept: */*
Referer: http://www.rogersdistinctivewebdesign.org.uk/home.htm
Accept-Language: en-us
Accept-Encoding: gzip, deflate
If-Modified-Since: Wed, 20 Jul 2005 11:26:17 GMT
If-None-Match: "2103b4-a0b-42de34d9"
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
Host: www.rogersdistinctivewebdesign.org.uk
Proxy-Connection: Keep-Alive
HTTP/1.1 304 Not Modified
Date: Wed, 20 Jul 2005 17:40:44 GMT
Server: Apache/1.3.33 (Unix) mod_auth_passthrough/1.8 mod_log_bytes/1.2 mod_bwlimited/1.4 FrontPage/5.0.2.2635 mod_ssl/2.8.22 OpenSSL/0.9.7a PHP-CGI/0.1b
Connection: close
ETag: "2103b4-a0b-42de34d9"
------------------------------------------------------------------
GET /styles/RDWDMenuStyle.css HTTP/1.1
Accept: */*
Referer: http://www.rogersdistinctivewebdesign.org.uk/home.htm
Accept-Language: en-us
Accept-Encoding: gzip, deflate
If-Modified-Since: Wed, 20 Jul 2005 11:26:18 GMT
If-None-Match: "2103cd-829-42de34da"
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
Host: www.rogersdistinctivewebdesign.org.uk
Proxy-Connection: Keep-Alive
HTTP/1.1 304 Not Modified
Date: Wed, 20 Jul 2005 17:40:44 GMT
Server: Apache/1.3.33 (Unix) mod_auth_passthrough/1.8 mod_log_bytes/1.2 mod_bwlimited/1.4 FrontPage/5.0.2.2635 mod_ssl/2.8.22 OpenSSL/0.9.7a PHP-CGI/0.1b
Connection: close
ETag: "2103cd-829-42de34da"
------------------------------------------------------------------
GET /library/valid-xhtml10.gif HTTP/1.1
Accept: */*
Referer: http://www.rogersdistinctivewebdesign.org.uk/home.htm
Accept-Language: en-us
Accept-Encoding: gzip, deflate
If-Modified-Since: Wed, 20 Jul 2005 11:26:07 GMT
If-None-Match: "7d479f-929-42de34cf"
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
Host: www.rogersdistinctivewebdesign.org.uk
Proxy-Connection: Keep-Alive
HTTP/1.1 304 Not Modified
Date: Wed, 20 Jul 2005 17:40:44 GMT
Server: Apache/1.3.33 (Unix) mod_auth_passthrough/1.8 mod_log_bytes/1.2 mod_bwlimited/1.4 FrontPage/5.0.2.2635 mod_ssl/2.8.22 OpenSSL/0.9.7a PHP-CGI/0.1b
Connection: close
ETag: "7d479f-929-42de34cf"
------------------------------------------------------------------
GET /library/valid-css.gif HTTP/1.1
Accept: */*
Referer: http://www.rogersdistinctivewebdesign.org.uk/home.htm
Accept-Language: en-us
Accept-Encoding: gzip, deflate
If-Modified-Since: Wed, 20 Jul 2005 11:26:06 GMT
If-None-Match: "7d479e-60b-42de34ce"
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
Host: www.rogersdistinctivewebdesign.org.uk
Proxy-Connection: Keep-Alive
HTTP/1.1 304 Not Modified
Date: Wed, 20 Jul 2005 17:40:44 GMT
Server: Apache/1.3.33 (Unix) mod_auth_passthrough/1.8 mod_log_bytes/1.2 mod_bwlimited/1.4 FrontPage/5.0.2.2635 mod_ssl/2.8.22 OpenSSL/0.9.7a PHP-CGI/0.1b
Connection: close
ETag: "7d479e-60b-42de34ce"
------------------------------------------------------------------
GET /csshover.htc HTTP/1.1
Accept: */*
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
Host: www.rogersdistinctivewebdesign.org.uk
Proxy-Connection: Keep-Alive
HTTP/1.1 404 Not Found
Date: Wed, 20 Jul 2005 17:40:44 GMT
Server: Apache/1.3.33 (Unix) mod_auth_passthrough/1.8 mod_log_bytes/1.2 mod_bwlimited/1.4 FrontPage/5.0.2.2635 mod_ssl/2.8.22 OpenSSL/0.9.7a PHP-CGI/0.1b
Connection: close
Transfer-Encoding: chunked
Content-Type: text/html
d
404 Not Found
0
------------------------------------------------------------------
GET /images/SideBar.jpg HTTP/1.1
Accept: */*
Referer: http://www.rogersdistinctivewebdesign.org.uk/home.htm
Accept-Language: en-us
Accept-Encoding: gzip, deflate
If-Modified-Since: Wed, 20 Jul 2005 11:25:56 GMT
If-None-Match: "f48ed-3fa4-42de34c4"
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
Host: www.rogersdistinctivewebdesign.org.uk
Proxy-Connection: Keep-Alive
HTTP/1.1 304 Not Modified
Date: Wed, 20 Jul 2005 17:40:44 GMT
Server: Apache/1.3.33 (Unix) mod_auth_passthrough/1.8 mod_log_bytes/1.2 mod_bwlimited/1.4 FrontPage/5.0.2.2635 mod_ssl/2.8.22 OpenSSL/0.9.7a PHP-CGI/0.1b
Connection: close
ETag: "f48ed-3fa4-42de34c4"
------------------------------------------------------------------
GET /images/MainImage2.jpg HTTP/1.1
Accept: */*
Referer: http://www.rogersdistinctivewebdesign.org.uk/home.htm
Accept-Language: en-us
Accept-Encoding: gzip, deflate
If-Modified-Since: Wed, 20 Jul 2005 11:25:51 GMT
If-None-Match: "f4839-1d23-42de34bf"
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
Host: www.rogersdistinctivewebdesign.org.uk
Proxy-Connection: Keep-Alive
HTTP/1.1 304 Not Modified
Date: Wed, 20 Jul 2005 17:40:45 GMT
Server: Apache/1.3.33 (Unix) mod_auth_passthrough/1.8 mod_log_bytes/1.2 mod_bwlimited/1.4 FrontPage/5.0.2.2635 mod_ssl/2.8.22 OpenSSL/0.9.7a PHP-CGI/0.1b
Connection: close
ETag: "f4839-1d23-42de34bf"
------------------------------------------------------------------
GET /images/HeaderBar2.jpg HTTP/1.1
Accept: */*
Referer: http://www.rogersdistinctivewebdesign.org.uk/home.htm
Accept-Language: en-us
Accept-Encoding: gzip, deflate
If-Modified-Since: Wed, 20 Jul 2005 13:45:22 GMT
If-None-Match: "f404b-1ccb-42de5572"
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
Host: www.rogersdistinctivewebdesign.org.uk
Proxy-Connection: Keep-Alive
HTTP/1.1 200 OK
Date: Wed, 20 Jul 2005 17:40:45 GMT
Server: Apache/1.3.33 (Unix) mod_auth_passthrough/1.8 mod_log_bytes/1.2 mod_bwlimited/1.4 FrontPage/5.0.2.2635 mod_ssl/2.8.22 OpenSSL/0.9.7a PHP-CGI/0.1b
Last-Modified: Wed, 20 Jul 2005 16:48:04 GMT
ETag: "f404b-1ccb-42de8044"
Accept-Ranges: bytes
Content-Length: 7371
Connection: close
Content-Type: image/jpeg
It says that the behavior "csshover.htc" is returning a 404 response code. So, that pretty much makes that your culprit.
Regards,
Rich
--
[ http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design
|
|
July 20th, 2005, 01:37 PM
|
|
Registered User
|
|
Join Date: Jul 2005
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
|
|
Thanks for that Richard. That is a smashing tool.
Looks like i've got some re-thinking to do
Gilly
|
|
July 21st, 2005, 01:55 AM
|
 |
Wrox Author
|
|
Join Date: Jun 2003
Posts: 3,074
Thanks: 1
Thanked 38 Times in 37 Posts
|
|
Gilly
I haven't had enough time to go through your page, and it appears to work now, but behaviours are IE specific so not usually suitable for Internet applications that are cross browser targetted. In any case the hilite behaviour is fairly basic and can be replaced with standard CSS if I recall correctly.
--
Joe ( Microsoft MVP - XML)
|
|
July 21st, 2005, 02:52 AM
|
|
Registered User
|
|
Join Date: Jul 2005
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
|
|
Thank you Joe,
Its working now because I took the htc file out, It was a fix for IE for the menu on the left. At the moment I cant remember exactly what it was fixing in the menu but I do have the highlight working in IE. In a way Im glad I've got shot of it as I wanted to do this without any outside influences.
I am having to self teach myself. I've spent a fortune to get myself started but funds have now run out so with what resources I have got so far I am finding myself searching through forums and the net for info. In an ideal world I should be going to courses left right and center but just cant afford it at the moment. I've done one course which cost a couple of grand which Im still paying for - that got me the software I need thank god! Richard's book was one of the first resources I bought with the money I had to get started and its fantastic. So I know Im going to make some really silly embarrasing boobies but I love doing it.
Richard? I was going to download IE7 as you suggested in your book lol. I know its not for surfing lol.
Right must go - got more work to do and more to learn
Cheers guys, have a good day.
;)
Gilly
|
|
July 21st, 2005, 08:48 AM
|
|
Wrox Author
|
|
Join Date: Jun 2003
Posts: 1,706
Thanks: 0
Thanked 6 Times in 6 Posts
|
|
That CSS hover hack works well if all you want to do is add :hover pseudo-class functionality to Explorer. IE7 works better, since it provides more than just :hover.
That guy on the sourceforge IE7 forum was having a problem with a behavior too, it turns out. He was also getting a 404 error page due to the htc not being there, so I imagine that your csshover.htc wasn't linked up correctly as well.
Must only cause Explorer to do that in certain circumstances. I tried to reproduce the problem here but couldn't. Might have something to do with the fact that I have a custom 404 document defined, so that might have something to do with replicating the bug.
Regards,
Rich
--
[ http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design
|
|
|
