Firefox Yes, IE :-(

Discussion in 'HTML & Website Design' started by el_yoyo, Jan 11, 2010.

  1. #1
    Hi,

    I have almost finished of developing a Website (it is my first experience as programmer). The site is: http://www.severus.es

    I have two questions:


    • Everything looks fine doe Firefox (what I use at home), bujt arriving to the office I realize that in IE the result is a disaster! (enter in the Foros menu option with IE and you will see it) Everything is out of place. Does anybody knows why and better how could I fix it to run right in every Web browser?
    • At the moment I have available both addresses http://severus.es and http://www.severus.es. Google analytics is showing totally different numbers for each. How could I set up the 301 redirection in order to get just one valid address and numbers?

    Thanks

    el_yoyo
     
    el_yoyo, Jan 11, 2010 IP
  2. yesmate

    yesmate Peon

    Messages:
    24
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You need to make sure you have code for a CSS reset. This can help with broswer incompatability. Here is the best code:

    http://meyerweb.com/eric/tools/css/reset/

    You also may to create a separate css file that is for IE. You must preview and design for IE and then save the CSS in a separate file. This is the only way to ensure cross browser compatibility. Google it as there are lots of tutorials on how to do this.

    Hope that helps
     
    yesmate, Jan 11, 2010 IP
  3. nashekrashe

    nashekrashe Peon

    Messages:
    40
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I see horizontal scroll at 1024px both in FF and Opera
     
    nashekrashe, Jan 11, 2010 IP
  4. el_yoyo

    el_yoyo Peon

    Messages:
    30
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Yesmate Thanks. I will try that and post here what ever the result is.

    nashekrashe In that case is not an error, the site is designed with a width=1000px, since most of computers have already 1024px or more.
     
    el_yoyo, Jan 12, 2010 IP
  5. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Well, you have a doctype which is good, but strangely you have special CSS sheets for IE. Usually this isn't necessary unless you need really funky hacks and just don't want to fill up your main css with lots of
    * html {blah}
    and
    *+html {blah}
    however since most GOOD sites without special funniness don't need many hacks if at all, having one or two in a main CSS file is acceptable and if you use ctrl-F to find a section of CSS code about a particular element, it may just make everything easier.

    You start with NO IE css sheets, and see how the page looks. Often There Is More Than One Way To Do It (Tim Toady) and often you found a way that works for FF but not for IE... you can often find another way that is valid and works better for both.

    Common IE bugs may be tripping you up. In any case, even if you do decide you want/need an ie stylesheet, the only one you need it for really is IE6, not all ie's. IE7 has Haslayout, a source of many bugs, but most of the time code to assist with IE there can sit out "in the open" so to speak.

    BTW your sub-sub menu under Shop need to be changed. If my screen isn't very wide, I get a horizzontal scrollbar when I hover over that one (Shop>Blog Shop>Shopping Cart) but if course when your mouse leaves to go move the scrollbar, the submenu is gone and so is the scrollbar. To fix this, move Shop's submenu's back further to the left, or have the flyouts open to the left instead of to the right.


    As far as the googles are concerned, those are two different sites. It can't tell the difference between www.yoursite and subdomain.yoursite anyway.

    If you're running your site on an Apache server, you can use mod_rewrite or mod_alias or conditional rewrites to force everyone to go to one or the other (if www really exists, then direct everyone there). *edit actually, there may be a less expensive way to check and redirect without mod_rewrite...

    This site seems to do it correctly for Apache and they mention IIS so if your server is Microsoft it seems the guy has a solution for that too (I dunno anything about MS servers): http://www.stepforth.com/resources/web-marketing-knowledgebase/non-www-redirect
     
    Last edited: Jan 12, 2010
    Stomme poes, Jan 12, 2010 IP