www.webdeveloper.com
Results 1 to 9 of 9

Thread: Works in Firefox / Safari but not IE

  1. #1
    Join Date
    Apr 2006
    Posts
    493

    Works in Firefox / Safari but not IE

    http://www.cosmeticsurgeryforyou.com/dev/index.html

    For some reason it won't align to the4 center of the page, anyone have a minute to take a look and see what the alignment issue is?

  2. #2
    Join Date
    Feb 2008
    Location
    NW Washington State
    Posts
    1,856
    Don't know exactly but I gave #wrap a size and background color and you can see that it is centered.
    The contents inside it is not. There's a lot of absolute and relative positioning being used and my guess is that what's throwing it off. It looks like the top left of the content is fixed to the center of #wrap.
    See attached photo.
    Best wishes,
    Eye for Video
    www.cidigitalmedia.com
    Attached Images Attached Images

  3. #3
    Join Date
    Apr 2006
    Posts
    493
    anyone have any ideas? been banging my head against the wall and i still can't figure it out.

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Use a valid DTD
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
    At least 98% of internet users' DNA is identical to that of chimpanzees

  5. #5
    Join Date
    Feb 2008
    Location
    NW Washington State
    Posts
    1,856
    Yeah, get rid of the declared positioning, especially in DIV class=outerpair1 textbox.
    You should be able to do all positioning in the CSS without resorting to position absolute.
    Remember that how positioning works depends on whether or not it's parent element also has a declared position. From an old post:
    The thing missing from your positioning is that unless the parent element also has a declared position, the child will do 1 of 2 things.
    If position:relative, it will position as desired but space will be left as though that element was still in the natural flow. So you may move the 500 X 100 element down and over, but a 500 X 100 space will be left, as though it was still there.
    If position:absolute, child is positioned relative to browser window and that position does not change even if window contracts or expands.
    Best wishes,
    Eye for Video
    www.cidigitalmedia.com

  6. #6
    Join Date
    Apr 2006
    Posts
    493
    OK, i don't know what it is, and it's driving me nuts.

    If someone wants to take 30 minutes and fix the code for me to get it to work across all browsers, i will paypal you 25$ for the trouble.

    Code:
    http://rapidshare.com/files/37885414...older.zip.html

    Once fixed, please host it so I can verify that it's fixed, and provide me with your email.

  7. #7
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Did you try this?
    Quote Originally Posted by Fang View Post
    Use a valid DTD
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
    At least 98% of internet users' DNA is identical to that of chimpanzees

  8. #8
    Join Date
    Apr 2006
    Posts
    493
    Sure did Fang, no such luck.

    No one intrested in making a quick 25$?

  9. #9
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Quote Originally Posted by skilled1 View Post
    Sure did Fang, no such luck.
    Worked for me
    At least 98% of internet users' DNA is identical to that of chimpanzees

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles