page moves up in ie mac :(

[jogol]

hi experts,

the temporary splash site at http://www.etagenoir.com acts weird in ie mac 5.2.3 and maybe other versions, too. it is pushed up and only have of it is visible. there´s not even a scrollbar so one can adjust the display manually.

please have a look for yourself: http://screenshot.dyndns.org/screenshots/1127148448_screen.jpg

the css is located at http://www.etagenoir.com/css/main.css

is there anything i can do (a hack for ie mac?) that will fix this issue?

[Kravvitz]

I bet IE5/Mac doesn't like this hack
#container {
background: url(../gfx/background.jpg) no-repeat 0 0;
margin: -204px 0 0 -423px;
position: absolute;
top: 50%;
left: 50%;
width: 847px;
height: 408px;
}

You could try puting the negative margin on another <div> or hiding the CSS from IE5/Mac (http://www.dithered.com/css_filters/css_only/escaped_comment_end.html).

[jogol]

thx for the link to the hack. the site now sits on top/left with 10px margin each in ie/mac. that´s a compromise.

/* rule for ie mac*/
#container {
background: url(../gfx/background.jpg) no-repeat 0 0;
margin: 10px 0 0 10px;
position: absolute;
width: 847px;
height: 408px;
}
/* end of rule for ie mac*/

/* rule for other browsers (commented backslash hack v2) \*/
#container {
background: url(../gfx/background.jpg) no-repeat 0 0;
margin: -204px 0 0 -423px;
position: absolute;
top: 50%;
left: 50%;
width: 847px;
height: 408px;
}
/* end hack */