+ Reply to Thread
Page 1 of 2 12 LastLast
Results 1 to 10 of 11

Thread: Firefox to IE Help

  1. #1
    diabolo's Avatar
    diabolo is offline Community Advocate diabolo is on a distinguished road
    Join Date
    Nov 2007
    Location
    Jersey Shore
    Posts
    1,683

    Firefox to IE Help

    http://new.monmouthchineseschool.com

    can somebody help me get the navigation bar to be in one line? (like how it is in FF)

  2. #2
    cybrax's Avatar
    cybrax is offline x10 Elder cybrax is on a distinguished road
    Join Date
    Aug 2009
    Location
    UK
    Posts
    699

    Re: Firefox to IE Help

    Had a look with IE6 , lots of problems with the CSS. Will take a look in more detail Monday night.
    Make sure you have commanded the CSS to tell each DIV what place it must be.
    The code must flow.
    Project 157: Latest UK Jobs direct to your mobile phone
    New Domain under construction: Lovelogic.net
    home for some new projects that we can't keep here ;)


  3. #3
    misson is offline x10 Spammer misson is a jewel in the rough
    Join Date
    Mar 2008
    Location
    Libertatia
    Posts
    2,506

    Re: Firefox to IE Help

    In /sources/css/moz/common.css, you set margin-top for #nav to -84px, but in /sources/css/ie/common.css you have an extra margin-top set to 2px. Also, the top property is more appropriate than margin-top.

    By the way, you might want to rethink your cross-browser style strategy. For one, creating a complete set of style sheets for each browser is much more work than writing a single set for all and individual sheets to fix browser bugs. Second, having a separate set for each browser means your site will be limited to browser default styling for any browser you don't target. Take a look at your site in Safari, Chrome or Opera.
    Be sure to read all pages linked in this post; they have further information that should prove useful. When asking for help, make sure you follow Eric Raymond's and Jon Skeet's guidelines for prompt, accurate responses. Please answer any questions I ask; they're not rhetorical (probably). Any posted code is intended as illustrative example, rather than a solution to your problem to be copied without alteration. Study it to learn how to write your own solution.
    Misson, not Mission.

  4. #4
    cybrax's Avatar
    cybrax is offline x10 Elder cybrax is on a distinguished road
    Join Date
    Aug 2009
    Location
    UK
    Posts
    699

    Re: Firefox to IE Help

    http://browsershots.org/

    They will show you how your website looks to other types of web browsers, completely free service and takes about thirty minutes to complete.
    The code must flow.
    Project 157: Latest UK Jobs direct to your mobile phone
    New Domain under construction: Lovelogic.net
    home for some new projects that we can't keep here ;)


  5. #5
    diabolo's Avatar
    diabolo is offline Community Advocate diabolo is on a distinguished road
    Join Date
    Nov 2007
    Location
    Jersey Shore
    Posts
    1,683

    Re: Firefox to IE Help

    Quote Originally Posted by misson View Post
    In /sources/css/moz/common.css, you set margin-top for #nav to -84px, but in /sources/css/ie/common.css you have an extra margin-top set to 2px. Also, the top property is more appropriate than margin-top.

    By the way, you might want to rethink your cross-browser style strategy. For one, creating a complete set of style sheets for each browser is much more work than writing a single set for all and individual sheets to fix browser bugs. Second, having a separate set for each browser means your site will be limited to browser default styling for any browser you don't target. Take a look at your site in Safari, Chrome or Opera.
    Im using this script here: http://techpatterns.com/downloads/ph..._detection.php
    it would find out what browser is being used and replace the css's

    also, how would i debug in IE
    because right now i use Firebug and the IETab extensions, but I cant use Firebug and IE together.
    Last edited by diabolo; 11-09-2009 at 03:36 PM.

  6. #6
    xav0989's Avatar
    xav0989 is offline Community Public Relation xav0989 is just really nice
    Join Date
    Jul 2008
    Location
    ifk
    Posts
    4,438

    Re: Firefox to IE Help

    Start by making your IE CSS exactly like your firefox CSS. Then modify IE's CSS case by case to have it look like FF's layout.
    Xavier L | Community Public Relations Manager (Free Hosting Support)
    █ Yes, my position is too cool to even exist!
    How am I helping? Rate this post by clicking the icon below! (this is even better than "liking" a post)
    Terms of Service | Acceptable Use Policy | x10Hosting Wiki

  7. #7
    diabolo's Avatar
    diabolo is offline Community Advocate diabolo is on a distinguished road
    Join Date
    Nov 2007
    Location
    Jersey Shore
    Posts
    1,683

    Re: Firefox to IE Help

    Quote Originally Posted by xav0989 View Post
    Start by making your IE CSS exactly like your firefox CSS. Then modify IE's CSS case by case to have it look like FF's layout.
    o good. atleast im on the right track.

    when i first designed the site, i did it all in FF. then I integrated the script that changes the CSS, and from the base CSS i copied them into both the moz/ and ie/ folders, so basically they are the same, except the IE has a few changes for IE Hacks/

  8. #8
    misson is offline x10 Spammer misson is a jewel in the rough
    Join Date
    Mar 2008
    Location
    Libertatia
    Posts
    2,506

    Re: Firefox to IE Help

    Quote Originally Posted by diabolo View Post
    Im using this script here: http://techpatterns.com/downloads/ph..._detection.php
    it would find out what browser is being used and replace the css's
    Browser sniffing is The Wrong Thing. Write a set of generic style sheets. For IE fixes, use conditional comments. For others (which is very, very rare), first see if there's a vendor specific property name corresponding to the general name (e.g. -moz-margin-top). Only if all of that fails should you turn to browser sniffing.

    also, how would i debug in IE
    because right now i use Firebug and the IETab extensions, but I cant use Firebug and IE together.
    For IE 7 and older, install the developer toolbar. IE8 comes with developer tools already installed. Those will help to debug CSS.

    To debug Javascript, use MS Script Editor (if you have Office XP or 2003), the MS Script Debugger, Visual Web Developer Express (VS Express 2008 may be simpler) or (if you have it) Visual Studio.
    Be sure to read all pages linked in this post; they have further information that should prove useful. When asking for help, make sure you follow Eric Raymond's and Jon Skeet's guidelines for prompt, accurate responses. Please answer any questions I ask; they're not rhetorical (probably). Any posted code is intended as illustrative example, rather than a solution to your problem to be copied without alteration. Study it to learn how to write your own solution.
    Misson, not Mission.

  9. #9
    diabolo's Avatar
    diabolo is offline Community Advocate diabolo is on a distinguished road
    Join Date
    Nov 2007
    Location
    Jersey Shore
    Posts
    1,683

    Re: Firefox to IE Help

    Quote Originally Posted by misson View Post
    Browser sniffing is The Wrong Thing. Write a set of generic style sheets. For IE fixes, use conditional comments. For others (which is very, very rare), first see if there's a vendor specific property name corresponding to the general name (e.g. -moz-margin-top). Only if all of that fails should you turn to browser sniffing.
    thank you. but I think I'm going to stick with the method I'm doing now. The only problem I could see would be browser spoofing, but Im not concerned with that ATM, also the majority of the clients accessing the website would not need to spoof their browser or are computer illiterate.

    Also I plan to release a mobile version, to try and hone my skill but also added functionality. so with the browser sniffing script already, i just have to put in a redirect.

    If there was something I missed, please inform me.

    Quote Originally Posted by misson View Post
    For IE 7 and older, install the developer toolbar. IE8 comes with developer tools already installed. Those will help to debug CSS.

    To debug Javascript, use MS Script Editor (if you have Office XP or 2003), the MS Script Debugger, Visual Web Developer Express (VS Express 2008 may be simpler) or (if you have it) Visual Studio.
    thank you!



    so does anybody know how I can fix the navigation bar in IE8? I've tried a variety of methods.
    http://brenelz.com/2009/02/03/squish...r-z-index-bug/

  10. #10
    misson is offline x10 Spammer misson is a jewel in the rough
    Join Date
    Mar 2008
    Location
    Libertatia
    Posts
    2,506

    Re: Firefox to IE Help

    Quote Originally Posted by diabolo View Post
    thank you. but I think I'm going to stick with the method I'm doing now. The only problem I could see would be browser spoofing, but Im not concerned with that ATM, also the majority of the clients accessing the website would not need to spoof their browser or are computer illiterate.
    Opera users often spoof, but that's a good thing in this case because without doing so, they won't see a well-styled site.


    Quote Originally Posted by diabolo View Post
    If there was something I missed, please inform me.
    Well, the script is making more work for yourself and the server. And you still need style sheets for every browser. At the very least, include a default styling for browsers you aren't otherwise targeting. Chances are it will be the same as the Firefox style sheet.

    Quote Originally Posted by diabolo View Post
    so does anybody know how I can fix the navigation bar in IE8? I've tried a variety of methods.
    http://brenelz.com/2009/02/03/squish...r-z-index-bug/
    I'm not seeing a z-index problem in the page, just the margin-top issue I mentioned before.
    Be sure to read all pages linked in this post; they have further information that should prove useful. When asking for help, make sure you follow Eric Raymond's and Jon Skeet's guidelines for prompt, accurate responses. Please answer any questions I ask; they're not rhetorical (probably). Any posted code is intended as illustrative example, rather than a solution to your problem to be copied without alteration. Study it to learn how to write your own solution.
    Misson, not Mission.

+ Reply to Thread
Page 1 of 2 12 LastLast

Similar Threads

  1. Is Safari better then all other browsers?
    By javajenius in forum Crossfire
    Replies: 70
    Last Post: 06-22-2009, 10:30 AM
  2. What is the best internet browser?
    By callumacrae in forum Computers & Technology
    Replies: 53
    Last Post: 04-02-2008, 06:31 AM
  3. Which Web browser???
    By bilal855 in forum Off Topic
    Replies: 47
    Last Post: 03-23-2008, 10:39 PM
  4. FireFox 1.5 Final is Out
    By n4tec in forum Scripts & 3rd Party Apps
    Replies: 10
    Last Post: 12-02-2005, 11:58 AM
  5. 'Extremely Critical' Bugs Found In Firefox
    By stealth_thunder in forum Scripts & 3rd Party Apps
    Replies: 14
    Last Post: 05-15-2005, 02:48 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
x10hosting free hosting for the masses
dedicated servers