Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Oct 2010
    Posts
    1
    Member #
    24386
    Hello all, I've just been pulling my hair out on this one.

    In chrome, this page looks fine. In IE8, there is a white box at the bottom of the page. I cannot figure out where this is coming from.

    The page in question is Traditional Equine Photography

    Other oddness, if I add a transitional doctype to this, my 'bottom' div layer won't listen to any absolute positioning.

    Any ideas on either issue, I'd be very appreciative.

    Thank you,

    Tom

    (Current page functionality is limited. Only the home, contact and first and last albums are currently up.)
    (I am not responsible for the content of home, or contact.)

  2.  

  3. #2
    Banned
    Join Date
    Oct 2010
    Posts
    11
    Member #
    24426
    Your page in may be not compatible with all browser for resolving this issue try browser compatibility code


    Step 1: Validate

    Lots of bugs are caused by invalid (X)HTML or CSS. If you have your site validated, it will be a lot easier to make it cross browser compatible. Validate your (X)HTML code with the W3C validator and your CSS file with the W3C CSS validator.

    validhtml
    Step 2: Check your Website

    Now you have to check your website in all browsers. I always check my site in the browsers, Iíve installed on my computer (Opera, Safari, Internet Explorer and Firefox). Do it and make a note of the bugs.

    Of course, checking your website in the browsers installed on your computer is not enough. You have to check the website in different browser versions on different operating systems. The solution is Browsershots.org. With this website you can take full-length screen shots of your website in a lot of browsers. Just type in your url, bookmark the page and come back 20 minutes later to view the screen shots.

    browsers

    Analyse the screen shots and look for bugs. Be sure to write them down.
    Step 3: Is it worth my time?

    If you notice bugs in very old or uncommon used browsers, ask yourself if itís worth your time to fix the problems. Look at the browser statistics of w3schools.com, but donít forget to look to your own stats (I recommend AWstats). If you have one or two visitors every month still browsing with IE5.5, you should really ask yourself if itís necessary to make the changes.

    browserstats
    Step 4: Search the cause

    Now you know about the bugs, youíll have to look for the CSS attribute or HTML code that is causing this problem. This is often obvious. A good reference can be found on westciv.com. There is a complete list of css attributes with their support in different browsers. Too bad Firefox isnít in the tables.

    If you still cannot find the cause of the issue, search for topics on webmaster forums or post a topic yourself, with a screen shot and (a part of) your CSS and HTML code. A forum I visit often is Ozzu.

    ozzu
    Step 5: Fix the issues

    Now weíre at the essential part of making your website cross browser compatible: fixing the issues. If you know the code that is causing the trouble, find a way to rewrite the code for the specific browser. There are loads of CSS hacks to do that, but I recommend the use of conditional comments. There is an article on 456 Berea St. explaining why you should use conditional comments instead of CSS hacks.

    Conditional Comments.
    With conditional comments you can link to separate style sheets for all versions of Internet Explorer. A complete reference can be found on quirksmode. For example:
    <!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="ie6style.css" />
    <![endif]-->

    CSS hacks In-CSS
    If you donít want to edit your HTML file with conditional comments, see my article about CSS hacks inside your CSS file.

    Transparency of Images in IE6 and lower
    Internet Explorer 6 and lower will not display your transparent PNGís correctly, there is however a simple solution using Java script. It can be found here.

    And of course there are loads of other CSS hacks. There is a complete list on centricle.com, also viewing the browsers that will apply the rules.

    HTML Web Design

  4. #3
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    it is very likely you have a syntax error in the doctype. not the doctype doing it. also ie adds margins to the body that other browsers do not. add this to your css and it should be fine body { margin: 0px; }

    while($get_it !== true){ continue; }


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:30 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com