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 13 of 13
  1. #1
    New to the CF scene
    Join Date
    Mar 2006
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer Strange IE rendering problem

    Well, have begun coding my personal portfolio, at last, and ran into this strange rendering problem with IE. Since it's hard to describe, simply visit my website and have a look for yourselves.

    All is rendered correctly in ff and opera.

    My version of IE is 6.0.2900.2180. I run win XP sp2

    My site is located here:
    http://www.isaackeyet.com
    Isaac Keyet - thats me! ;D

    Any clever suggestions? Never seen anything like this before

    thanks in advance,

    isaac aka ievolver

  • #2
    New to the CF scene
    Join Date
    Mar 2006
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    double-posting to announce the solving of my problem!

    It turned out IE didn't like me giving <body> a css style. Odd, but true. So in the future, always be careful with the body tag!

    over and out.

  • #3
    Senior Coder
    Join Date
    Jun 2002
    Location
    ColoRockyz
    Posts
    1,646
    Thanks
    1
    Thanked 0 Times in 0 Posts
    weird...
    Zoobie or not Zoobie...That is the problem.
    <body onUnload="flush( ! )">

  • #4
    Senior Coder
    Join Date
    Feb 2006
    Location
    USA
    Posts
    1,013
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Did you apply it with the style attribute or with a (embedded or external) stylesheet?

    What were the CSS properties and values that you applied to body?
    Learn CSS. | SSI | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions
    Java != JavaScript && JScript != JavaScript
    Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

  • #5
    New to the CF scene
    Join Date
    Mar 2006
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    indeed.

    well, i tracked down the problem to the fact that IE dislikes the css property "repeat-x" - which i used. I recon this is a common problem..

    Are there any easy ways of solving this matter? tried to put the whole page in a div box, and apply the previous body attributes on it. but then background-attachment didnt work.

    any clues?

    this is the code id like to use:

    body {
    padding: 85px 0px 0px 0px;
    margin: 0px;

    background-image: url(images/main_bg.gif);
    background-repeat: repeat-x;
    background-attachment: fixed;
    }

    thanks

    edit:
    Kravvitz: It is an external stylesheet, but i tested applying the code directly onto body, but it caused the same error. thanks for trying to help!
    Last edited by ievolver; 03-06-2006 at 01:41 AM.

  • #6
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Never seen a problem with that before. Try writing it like the following.

    body {
    padding: 85px 0 0 0;
    margin: 0;
    background: url(images/main_bg.gif) repeat-x fixed;
    }

  • #7
    Senior Coder
    Join Date
    Feb 2006
    Location
    USA
    Posts
    1,013
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I don't remember having a problem with that either.

    I suggest you read this: http://www.howtocreate.co.uk/fixedBackground.html
    Learn CSS. | SSI | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions
    Java != JavaScript && JScript != JavaScript
    Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

  • #8
    New Coder
    Join Date
    Mar 2006
    Location
    Toronto, Ontario
    Posts
    73
    Thanks
    0
    Thanked 0 Times in 0 Posts
    IE doesn't like inline body attributes period.

    Also, your jumbled javascript rollovers, your table design and lack of semantic elements doesn't help.

  • #9
    New to the CF scene
    Join Date
    Mar 2006
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks for all the useful tips! however, i dont want to use excessive javascripts to create the one thing i want.. so i redesigned the site a bit instead.

    Nick Presta: Well, im a graphical art designer, not a programmer, and normally i dont do any coding. so i stick with dreamweaver. and i needed to get this out quick, and havent really got the guts to go css all the way, that explains the tables.

    and.. what the heck is a semantic element?? im from sweden, english is not my first language so..

    thanks again!

  • #10
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    what the heck is a semantic element??
    Using elements how they should be used. eg. Heading tags (<h*>) for headings, <p> for paragraphs, and <code> for code.
    Last edited by mark87; 03-06-2006 at 02:47 AM.

  • #11
    New Coder
    Join Date
    Mar 2006
    Location
    Toronto, Ontario
    Posts
    73
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Look within each frame.

    top.htm and such.

  • #12
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yup sorry I noticed after I posted and edited my post accordingly.

  • #13
    New to the CF scene
    Join Date
    Mar 2006
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    yes, its a frames page. the top frame contains the menu with the javascript rollovers. the main frame (only one for now, photography.htm) uses tables to display the content.

    well. i dont like frames pages usually. and i dont want to use either javascript or tables. but as i said, this needs to be out very soon, so theres no time for learning new techniques.


  •  

    Posting Permissions

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