logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 08-01-2009, 05:15 PM   #1
jc1cell
 
Join Date: May 2009
Posts: 46
Default IE issues

Hello to all,

I have created my second website and the display and functionality works well on FFX. Some display issues with the footer section in Safari, Chrome and Opera. And finally just complete disarray in IE7,IE6 and IE5. With IE 8 everything looks great except for the border around the flash file in the gallery pages and the fact that the quote button in the footer doesn't see it as a link and doesn't rollover when it should.

I'm here to see if anyone can maybe take a look and see where my mistakes are. CSS validates and the HTML gives me errors with the embed of the slideshows.

The site is www.krystalsign.com

Thanks in advance for any help you may be able to offer.

jc
jc1cell is offline   Reply With Quote
Old 08-01-2009, 05:50 PM   #2
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

What are the issues jc? It looks fairly good to me.
domedia is offline   Reply With Quote
Old 08-01-2009, 06:06 PM   #3
jc1cell
 
Join Date: May 2009
Posts: 46
Default

We're you able to check it in IE5,6,7? On my end all the type is bigger than it should be. On Safari and Opera the footer type has more space vertically than in FFX. And in IE8 the link and CSS rollover for the footer button is not working.

Keep in mind that I'm using IEtester to check the older versions of IE. Although I have checked on other systems that have IE7 installed and am getting the same problems.

Thanks
jc
jc1cell is offline   Reply With Quote
Old 08-01-2009, 06:30 PM   #4
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

Definitely see issues in IE7. The roolover works but a lot of type is getting chopped off at the top and bottom of the footer.
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 08-03-2009, 08:57 PM   #5
jc1cell
 
Join Date: May 2009
Posts: 46
Default

I know you are all very busy people so any help you could provide on this subject would be great. I have read several items regarding IE issues but can seem to pinpoint the problem.

This being only my second website I'm really clueless as to how to fix since it looks fine on the others except for minor things. Why the type is changing so drastically in IE has me dumbfounded. I don't know if it's in the html or the css.

The weird thing is that on some "IE machines" it looks fine and others not. It's weird because nothing I do on the browser end allows me to get it to look right either.

As stated any help would be very much appreciated.

jc
jc1cell is offline   Reply With Quote
Old 08-04-2009, 01:31 AM   #6
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

Quote:
Originally Posted by jc1cell View Post
The weird thing is that on some "IE machines" it looks fine and others not.
jc
there are different versions of IE which is why you're seeing different results. You should test with IE 6, 7 and 8.

Can't nail down what your specific style issue is though. Sorry.
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 08-04-2009, 03:34 PM   #7
jc1cell
 
Join Date: May 2009
Posts: 46
Default

Yes, what I meant by "IE machines" is systems that use IE7 or IE8. What I used to test IE6 and 5 is IEtester app. On my system I used it to test IE7 also. This is where I noticed the issues with IE by looking at it in the specific browsers on different machines including my own. For the most part the text comes out bigger than it should and when I change the text size in the browser it goes way too small.

I'm wondering if this part of the header should be changed since it's suggested when validating HTML.

Quote:
1.

Warning Byte-Order Mark found in UTF-8 File.

The Unicode Byte-Order Mark (BOM) in UTF-8 encoded files is known to cause problems for some text editors and older browsers. You may want to consider avoiding its use until it is better supported.
Any thoughts? If it is the issue, which one should I use?

Thanks,
jc
jc1cell is offline   Reply With Quote
Old 08-04-2009, 04:18 PM   #8
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

Just call them browsers and remove any confusion about 'IE machines'.
I tested the page in IE8, and the footer looks great.
I'm guessing the Validator complains about the characters you use to fake the bullet list. Use a regular UL, LI list.
domedia is offline   Reply With Quote
Old 08-04-2009, 04:38 PM   #9
jc1cell
 
Join Date: May 2009
Posts: 46
Default

Quote:
Originally Posted by domedia View Post
Just call them browsers and remove any confusion about 'IE machines'.
I tested the page in IE8, and the footer looks great.
I'm guessing the Validator complains about the characters you use to fake the bullet list. Use a regular UL, LI list.
Point taken on the browser bit. Regarding the quote above. Originally it was complaining when I used the LI but i guess it's because I didn't include it in a UL tag. However, it gave me that validation error even when I had the footer listed without the bullets.

Could you check the functionality of the quote button on the footer in IE8? I'm able to get the image rollovers working for the main nav but not for the quote button on the footer but only in IE8 it doesn't work.

I'm going to check in browsershots.org and see how it looks there. I'll get back to you guys regarding that.

jc
jc1cell is offline   Reply With Quote
Old 08-04-2009, 06:27 PM   #10
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

I see the issue with the mouseover on the button.
Not sure why it's not working for you, but try this and see if it makes any difference.
1. Remove the properties font-size and line-height from both all the anchor pseudo states, :link, :hover etc. They should be redundant in this case.
2. Increase the negative text-indent to make sure it's not appearing in monitors with huge wide resolution. -9999px for example.
3. Use pixel values for background position.
domedia is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:15 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com