Jump to content

incompatibility between firefox/chrome and IE


Recommended Posts

I'm having issues with this website I'm working on (temporary location for sharing): http://zach-php.host-ed.me/sjucc_new/ In Firefox and Chrome, it's coming up exactly how I want it to. However, when it comes to IE, it will push the Church's info and the marquee past the right side of the viewable page (i.e. you have to scroll right to see it), and the border is around the page, not at the width I set it to and the height to only surround the main content of the page. I've tried messing around with other DOCTYPEs, but can't seem to get anything to work properly. I'm sure I have something wrong in the CSS that I'm overlooking. It would help to have a fresh set of eyes. One last thing, only the index page is online. I won't get started with the other pages on the site until the format is correct with all three browsers. Thanks in advance! - Zach

Edited by zachscompserv
Link to post
Share on other sites

I think the biggest issue is that you are using some unadvisable techniques. 1. Don't use the old transitional doctype. Step up to HTML5. It's the best way to ensure consistency. 2. Don't use the old marquee element. Users really hate it. If you MUST have one, try using a jQuery plugin like this. 3. Don't use absolute positioning. Try using the CSS float property instead.

Link to post
Share on other sites
I think the biggest issue is that you are using some unadvisable techniques. 1. Don't use the old transitional doctype. Step up to HTML5. It's the best way to ensure consistency. 2. Don't use the old marquee element. Users really hate it. If you MUST have one, try using a jQuery plugin like this. 3. Don't use absolute positioning. Try using the CSS float property instead.
Thanks for your response. What doctype would you suggest? Not really up-to-date on HTML5 yet. The church specifically requested for marquee, and I've told them it's out of style and can get annoying, but they really want one on the index page, but not on the other pages. I'll give the CSS float a try, forgot about it. Thanks!
Link to post
Share on other sites
The HTML5 doctype looks like this: <!DOCTYPE html> I don't know what will happen if you try to use a marquee with that. You're using jQuery anyway. The plugin I linked you to looks easy enough.
I did do the HTML5 doctype as suggested, and then found my BIGGEST problem that was causing issues in IE. I forgot to set the width of the body to 960px. I only had it at 960 which I've learned in the past that it causes problems. I'm satisfied with what I have now. I had to use absolute positioning for the marquee and church info, otherwise It would be all messed up. I tried floating it but it didn't work. Thanks for your help. I should be ok from here on out. Have a good day!
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...