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/product.php?kategorija=11

What can cause different behaviour of layout?

Pls, help!
Nati

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.

Well, in my environment a lot of people still use IE6, that's why I have to solve this ...

in #container
edit ur margin to look like this 0 auto 0 auto

I dont have IE 6 to test this. So hopefully this works.

Hello nati,
That's no IE bug, just need to fix a few errors - http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.djordjeweb.nl%2Fcompshop%2Fproduct.php%3Fkategorija%3D11

PitbullMean, I put your code and nothing changed.

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

Any ideas?

wow this has got me baffled

Well, me too.

And deadline is close...

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.

<!-- 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.

Good catch Fisher!

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
Well, in my environment a lot of people still use IE6, that's why I have to solve this ...

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. :confused:

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