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 12 of 12
  1. #1
    New Coder
    Join Date
    Dec 2008
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Problem with IE6

    Hello everybody,

    I have strange situation with my site when testing it in IE6. Locally, everything looks normally, but on remote server, some pages are moved to left edge of the screen and they should be in the middle.
    In IE7 and Mozilla 3 site looks good both locally and remotely.

    Site is at: http://www.djordjeweb.nl/compshop/

    And one of pages with strange behaviour is: http://www.djordjeweb.nl/compshop/pr...?kategorija=11

    What can cause different behaviour of layout?

    Pls, help!
    Nati

  • #2
    Regular Coder
    Join Date
    Oct 2007
    Location
    Glencoe, Ontario, Canada
    Posts
    340
    Thanks
    19
    Thanked 27 Times in 27 Posts
    Sounds like a bug with IE6, You might be safe running it as is, seeing as alot of users now have either IE7, or Firefox. Atleast thats been my experience.
    Eric "PitbullMean" Melo
    Always Start your layout with*{border:0; margin:0; padding:0;}
    Be sure to Thank ALL Users who give assistance.

  • #3
    New Coder
    Join Date
    Dec 2008
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Well, in my environment a lot of people still use IE6, that's why I have to solve this ...

  • #4
    Regular Coder
    Join Date
    Oct 2007
    Location
    Glencoe, Ontario, Canada
    Posts
    340
    Thanks
    19
    Thanked 27 Times in 27 Posts
    in #container
    edit ur margin to look like this
    Code:
    0 auto 0 auto
    I dont have IE 6 to test this. So hopefully this works.
    Eric "PitbullMean" Melo
    Always Start your layout with*{border:0; margin:0; padding:0;}
    Be sure to Thank ALL Users who give assistance.

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,737
    Thanks
    22
    Thanked 1,836 Times in 1,820 Posts
    Hello nati,
    That's no IE bug, just need to fix a few errors - http://validator.w3.org/check?verbos...ategorija%3D11
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #6
    New Coder
    Join Date
    Dec 2008
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts
    PitbullMean, I put your code and nothing changed.

    Excavator, I've corrected all my errors, and again nothing changed .

    Any ideas?

  • #7
    Regular Coder
    Join Date
    Oct 2007
    Location
    Glencoe, Ontario, Canada
    Posts
    340
    Thanks
    19
    Thanked 27 Times in 27 Posts
    wow this has got me baffled
    Eric "PitbullMean" Melo
    Always Start your layout with*{border:0; margin:0; padding:0;}
    Be sure to Thank ALL Users who give assistance.

  • #8
    New Coder
    Join Date
    Dec 2008
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Well, me too.

    And deadline is close...

  • #9
    Regular Coder
    Join Date
    Jan 2009
    Posts
    316
    Thanks
    7
    Thanked 92 Times in 91 Posts
    On line 53 of the bad page, you have a dot (period). This is messing up your whole layout. Remove that line and the page centers as normal.

    Code:
    <!-- End of Left Sidebar -->
    <!-- End of Left Sidebar -->
    
    .
    <!-- Start of Main Content Area -->
    <div id="main_content">
    edit: it appears to be a carriage return or something. If you view source in Firefox, you won't see it, but if you view source in IE6, you see it.
    Last edited by Fisher; 02-14-2009 at 11:43 PM.

  • #10
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,737
    Thanks
    22
    Thanked 1,836 Times in 1,820 Posts
    Good catch Fisher!
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #11
    Regular Coder
    Join Date
    Apr 2008
    Posts
    115
    Thanks
    11
    Thanked 0 Times in 0 Posts
    ie6 is still one of the most populare as many bussines still use it or even some users that did upgraded.

    so this why you sould try and fix it no matter what

    nati

    try this a second open up your css and put

    * {
    margin:0 auto;
    padding:0;
    }

    at the top of the css

    let me now of it dose fix or dose not

    edite i just saw this has been fixed but it would still be good to do this when coding with css
    Quote Originally Posted by nati View Post
    Well, in my environment a lot of people still use IE6, that's why I have to solve this ...

  • #12
    New Coder
    Join Date
    Dec 2008
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up

    Fisher, I really don't see any dot and I even deleted every space and blank line between tags and there was no change.

    Char, I found a solution before I saw your answer. I made a bridge to a different css file for IE6 where I changed float property on main_content div from left to none and that centered whole layout.

    But it is still mistery to me why my site looked differently from local and remote location.

    Anyway, tnx all of you for your efforts and help!


  •  

    Posting Permissions

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