Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Feb 2009
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Pulling my hair out! - IE issues

    Help!!!
    How can i get this page to work in firefox, safari AND IE?
    IE's different interpretation of my code has been killing me. and different versions of ie have been doing different things.
    I dont care if i have to use a different approach to the code, like changing the size of the photos, or giving the photos percentages instead of pixel sizes, or using differrent margin commands, etc.

    just want it to work in different versions of IE and firefox, safari.
    www.bhdc90210.com/staffbhdc.html

    i trie3d using the 'loose' code in the first line at top. ends up screwing up firefox and safari.

    Thanks.
    David
    Last edited by hwoodfilm; 05-22-2009 at 01:07 AM.

  • #2
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    The right arrow on the doctype is on the second line but I don't know if that's causing any issues or not.
    Your doctype is incorrect, too.

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

    In your css you have two closing brackets }}
    Last edited by drhowarddrfine; 05-22-2009 at 01:12 AM.

  • #3
    New Coder
    Join Date
    Feb 2009
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts
    know for sure that having arrow on next line is not the issue (changed it anyway).

    Also, took out extra '}' that was in the code. im not on a pc right now so i cant check this, but i dont think that that is issue either. it would be great if it were the issue.

    strict line at top looks to be a big step in the right direction. thanks. one thing i notice in ie is that the photos have a blue outline around them now. since it is a link im assuming. any way to remove the border?
    Last edited by hwoodfilm; 05-22-2009 at 03:35 AM.

  • #4
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    Fix these html errors first.

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Add
    Code:
    a img {
    border:0;
    }
    to your stylesheet. Also what exactly is IE doing wrong that Firefox and the other browsers aren't? I checked the site in IE6 and the only issue I see is the navigation button on the right is dropping to the next line. This is likely due to the IE double margin bug. Add display:inline; to the styles for a.small and a.large.

    Another thing is that you are using tables for layout. I suggest you read the link in my sig titled "Why Tables for Layout is Stupid?".

    Also the site looks amateurish. The graphic looks like it was done in paint, it is blurry and has a lot of artifacts. For a company that is supposed to make people look good, I think the site should look good as well.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #6
    New Coder
    Join Date
    Feb 2009
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks for the first suggestion about the display inline code.

    i dont need the second comment about the site being amateur. that is useless to me. yes, i am not a master coder. thats why i am on the forum. the graphic looks fine in safari and firefox, so if you have any useful suggestions as to how to get the graphic to translate nicely on IE then let me know. done in paint? no. done in adobe illustrator, yes. the same illustrator i use to create hi-rez artwork for my dvd titles.

    maybe the look of the site is exactly what the client wants, not what the programmer thinks looks good. if thats the case then is it still amateur?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •