different horizontal line appearance in I. explorer

Discussion in 'HTML & Website Design' started by globalsupport, Dec 6, 2012.

  1. #1
    hi,

    I have put horizontal line <hr> on top of my form. In internet explorer its position is not same as it I want it to be. In all other browsers it looks fine.
    kindly help me how can I sort out this issue?

    temporary address of form
    www.a2zsol.cz.cc
     
    globalsupport, Dec 6, 2012 IP
  2. scottlpool2003

    scottlpool2003 Well-Known Member

    Messages:
    1,708
    Likes Received:
    49
    Best Answers:
    9
    Trophy Points:
    150
    #2
    What is in your website that has my anti-virus going crazy?!!

     
    scottlpool2003, Dec 6, 2012 IP
  3. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #3
    I don't see much difference between Firefox and IE9, but is there any reason you're using an XHTML 1.0 Transitional doctype? That could drive some earlier versions of IE nuts. Always use an html strict doctype if possible.
     
    Rukbat, Dec 6, 2012 IP
  4. globalsupport

    globalsupport Peon

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    yeah not much difference but through IE9 you can see on the top the horizontal line that is just below the circle images is not aligned with line under "find out more" text. I want it to appear a bit up.
    In all other browsers it looks fine
     
    globalsupport, Dec 6, 2012 IP
  5. globalsupport

    globalsupport Peon

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    not sure, why your Antivirus is doing so. yeah may be due to the use of free hosting. since to show people I am using a temporary link and hosting which is free.
     
    globalsupport, Dec 6, 2012 IP
  6. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #6
    Your problem stems from a misunderstanding of 'appearance' of tags in browsers. One of the core concepts of HTML is that it's for saying what things are, NOT what they look like -- as such the default appearance of ANY element is left entirely up to the browser. This is intentional, as not all devices will have the same capabilities to render elements the same.

    Because of that, there's how IE handles them, and how everyone else handles them... and as a rule I then only use HR for their semantic use (which is clarified in 5, one of the few good things I can say about 5) -- indicating a change in topic when a numbered heading would be inappropriate. That's why it's a Horizontal Rule, not a line. Expecting the default appearance or even possible appearance to be the same is unrealistic at best, naive at worst.

    I suspect given the train wreck of HTML 3.2 and late 90's coding techniques like tables for layout, lack of proper heading tags, paragraphs around non-paragraph elements, B around non-literary bold elements, presentational images inlined in the markup, nonsensical use of a H1, non-breaking spaces to do padding's job, scripting AFTER the HTML close, complete lack of graceful degradation, etc, etc... that you are choosing your tags based on their default appearance -- missing the point of HTML and the entire reason we even have CSS.

    Of course that you have a HTML 5 shiv being applied to a XHTML tranny document makes even LESS sense... though it proves what I've suspected for some time -- HTML 5 is for the people who continue to write HTML 3.2 and slap 4 tranny on it to justify it as being 'modern'.

    ... and that's without even talking about the accessibility disaster it is design-wise with absurdly undersized fixed metric serif fonts.

    You've got a train wreck of badly outdated code, and you're wondering why it's inconsistent cross browser? Hell, you've got 63k of HTML for 1.19k of plaintext and a slew of scripting for Christmas only knows what (unless that's more of the 'pageloads are evil' idiocy)... A warning flag if ever there was one.

    Another perfect example of something that needs to be thrown away completely and started over from scratch.
     
    Last edited: Dec 7, 2012
    deathshadow, Dec 7, 2012 IP
  7. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #7
    I think there's also some "I have no idea what doctype means, but this site I read says you should use html 4.01 transitional, and since html5 is the latest and greatest, I'm going to use it" out there on the web.

    Watch House. That's the medical equivalent of "modern" web development - if you use a shotgun, at least one pellet is bound to hit the target.
     
    Rukbat, Dec 7, 2012 IP