IE odd positioning problem

Hi,

Please see: http://www.drfunkenstein.net/

On that page, there are three images ('balloons', 'fancy dress' and
'retro'). In the CSS, I've used 'display: table-cell;' to lay them out
in a row, but since IE doesn't recognise table-cell, I've used an IE
CSS hack to achieve a similar effect using float.

It works quite well, except that the far left image ('balloons') has
shifted up and left, when it should be about 10px further down and 10px
to the left.

Any ideas as to what's causing this would be very much appreciated.
Thanks very much,
Matt :)

re: IE odd positioning problem

PS My XHTML is valid and my CSS is almost valid with the exception of a
couple of proprietary opacity tags which I'll be removing soon.

Thanks,
Matt

re: IE odd positioning problem

Matt Bostock wrote:[color=blue]
> PS My XHTML is valid and my CSS is almost valid with the exception of a
> couple of proprietary opacity tags which I'll be removing soon.
>
> Thanks,
> Matt[/color]

Try changing these:

* html #splashLinks #fancyDressLink {...}
* html #splashLinks balloonsLink {...}
* HTML #splashLinks #retroLink {...}

to this (using the values you want):

#retroLink, #balloonsLink, #fancyDressLink {
padding: 10px 0 10px 5px;
}

MIke

re: IE odd positioning problem

mscir wrote:[color=blue]
> Try changing these:
>
> * html #splashLinks #fancyDressLink {...}
> * html #splashLinks balloonsLink {...}
> * HTML #splashLinks #retroLink {...}
>
> to this (using the values you want):
>
> #retroLink, #balloonsLink, #fancyDressLink {
> padding: 10px 0 10px 5px;
> }[/color]

Hi Mike,

Thanks for your reply. Unfortunately that had little effect:
www.drfunkenstein.net.

Any idea what may be causing it in the first place?
Thanks again,
Matt

re: IE odd positioning problem

> * html #splashLinks #fancyDressLink {...}[color=blue]
> * html #splashLinks balloonsLink {...}
> * HTML #splashLinks #retroLink {...}[/color]

I haven't looked at your page properly, but I thought I'd point out the
obvious missing "#" on the balloons line quoted above.

--Phil.

re: IE odd positioning problem

phil_gg04@treefic.com wrote:[color=blue][color=green]
> > * html #splashLinks #fancyDressLink {...}
> > * html #splashLinks balloonsLink {...}
> > * HTML #splashLinks #retroLink {...}[/color]
>
> I haven't looked at your page properly, but I thought I'd point out[/color]
the[color=blue]
> obvious missing "#" on the balloons line quoted above.
>
> --Phil.[/color]

THANK YOU!!!

It's not so obvious when you've been staring at it for so long <g>

Thanks again,
Matt :)

re: IE odd positioning problem

Matt Bostock wrote:
[color=blue]
> It works quite well, except that the far left image ('balloons') has
> shifted up and left, when it should be about 10px further down and 10px
> to the left.[/color]

No problems in IE for me ...

re: IE odd positioning problem

Ståle Sæbøe wrote:[color=blue]
> No problems in IE for me ...[/color]

See my above post ;)

Thanks,
Matt