/    Sign up×
Community /Pin to ProfileBookmark

how do i get my webpage to look the same on all browsers?

Copy linkTweet thisAlerts:
Aug 03.2007

Hey, i noticed that the webpage i’m working on looks funny on IE6, but looks totally fine on firefox. A few things i’ve noticed in particular:

  • – Search field is lowered

  • – Dropdown menus appear far too down and right

  • – Border along the div containing the table holding the iframe doesn’t show up correctly

    • Any help is greately appreciated!

    [url]http://www.infoscitex.com/lpl/index.html[/url]

    to post a comment
    Full-stack Developer

    11 Comments(s) ↴

    Copy linkTweet thisAlerts:
    @WebJoelAug 03.2007 — You have at least 82 "warnings" ("small errors") that should be corrected. Most are little things, like un-escaped characters:

    menu1[0]='<a href="Home.html" target="iframe">Main Page<[B]/[/B]a>'

    should be:

    menu1[0]='<a href="Home.html" target="iframe">Main Page<[B]/[/B]a>'

    because this is a javascript (a preloader), the 'forward slash' needs to be 'escaped' with a 'backwards slash' first.

    And you are mixing CSS with HTML:, -in HTML, you cannot use "px". For instance, [I]height="300"[/I] is valid HTML, [I]height="300px"[/I], is invalid. A compliant browser might try to interpret this, but it is 'in error'.

    There are several of these.

    And height="" is propretary. IE-only.

    line 356 column 1 - Warning: <table> proprietary attribute "height"

    This should be:

    <table style="height:[I]foo[/I]px;">

    whereby [I]foo[/I] is the value (and "px", as this is inline css)
    Copy linkTweet thisAlerts:
    @hc4zrr324authorAug 03.2007 — thanks for the info! where/how are you getting these "warnings"?
    Copy linkTweet thisAlerts:
    @drhowarddrfineAug 03.2007 — The W3C HTML Validator

    Bookmark it and use it often.
    Copy linkTweet thisAlerts:
    @gizmoAug 03.2007 — You may find some useful infrmation here: http://www.anybrowser.com/
    Copy linkTweet thisAlerts:
    @hc4zrr324authorAug 07.2007 — these are all great suggestions! but i still can't figure out what is causing the issues in IE6 that i mentioned earlier:

  • - Search field is lowered

  • - Dropdown menus appear far too down and right

  • - Border along the div containing the table holding the iframe doesn't show up correctly, and the same table is lower than it should be.


    • the site is still http://www.infoscitex.com/lpl/index.html

    thanks!
    Copy linkTweet thisAlerts:
    @FerretAug 07.2007 — The simple answer is: IE6 has issues.

    The work around many people use are to do browser detection and write specific CSS for different common browsers. (usually that means 1 for IE6, and 1 for everything else.)
    Copy linkTweet thisAlerts:
    @hc4zrr324authorAug 07.2007 — sounds good!

    how do i do that?
    Copy linkTweet thisAlerts:
    @hc4zrr324authorAug 07.2007 — i can't get this to work...any help?
    Copy linkTweet thisAlerts:
    @NogDogAug 08.2007 — You might want to get rid of the blank line before the <doctype> declaration begins. My recollection is that the doctype has to be the very first line of the file in order to get IE6 out of "quirks mode".
    Copy linkTweet thisAlerts:
    @WebJoelAug 12.2007 — Validating and correcting the code is the first step towards getting it to look & behave the same for all/most browsers. For instance, :

    <tr [B]height="1200[COLOR="Red"]px[/COLOR]"[/B]>

    is going to create problems, because the value "px" is [I]inline-styles[/I] but it is being incorrectly used in html.

    The correct way to write this is:

    <tr [B]height="1200"[/B]>

    or, using inline styles (css) :

    <tr [B]style="height:1200px;"[/B]>

    Fixing the 'warnings' is required.

    A browser might obey this as intended, but is under no obligation to do so, and using a !doctype might actually prevent it from doing so.. (but you must use a !doctype, so the solution is "repair the errors"). ?
    ×

    Success!

    Help @hc4zrr324 spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 — BETA 5.5,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,

    tipper: @Samric24,
    tipped: article
    amount: 1000 SATS,
    )...