yet another ‘working in Firefox but not IE’ problem!

@NogDogOct 11.2006 — #Maybe try adding this to your CSS:

<i>
 </i>#indexphoto {
 display: block;
 }

I think IE is adding extra space as an image is by default an in-line element, and so it's adding a space after it since it's followed by a newline in the source.

@Chris_RobsonauthorOct 12.2006 — #Nog Dog,

Thanks for that....it's solved one of the problems easily.

In playing around, I've discovered a possible source of the non-alignment in IE of the bottom set of slices. It's got to do with the relative size of the smallest and largest slices. If I group all of the slices into the one div (id=slices) with a width of either auto or 480px, the bottom two align properly but I loose the top 4 because the first and second move to fit on the one line and the third and fourth move to fit on the one line. They can do this because the total length of there 2 slices is equal to or less then the length of the bottom one. e.g. slice 1 of 200px and slice 2 of 205px is less then the eighth (bottom) slice at 480px.

What I don't follow is why the top slices do this. I've aligned them right so why do they take any given opertunity to, effectively, align left.

More to the point, how can I stop them? I've tried 'block' as a property in 'slices' but this didn't help. Is there some way I can keep them in vertical line or such?

yet another ‘working in Firefox but not IE’ problem!

2 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

yet another ‘working in Firefox but not IE’ problem!

2 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #CSS _↴