Mozilla vs IE CSS differences

[Gary Stainburn]

On Thursday 14 December 2006 14:31, Tim wrote:
> Gary Stainburn:
> >>> If you look at http://www1.ringways.co.uk/images/moz_ie_diffs.png
> >>> you'll see a screen grab of a web page I'm working on. The Mozilla view
> >>> (left one) is how I want it, but the I.E. view (right one via VNC) is
> >>> what I'm getting.
>
> Mozilla rendering with a simple "rule", MSIE rendering with fancy 3D
> chiselled cell borders...  Do you mean you want MSIE to render like
> Mozilla, too?
>
> Patrick
>
> >> I'm assuming that it's the thickness of the borders in the IE table that
> >> is the problem. Have you tried adding "border-collapse: collapse;" to
> >> the css for your table?
>
> Gary Stainburn:
> > I have tried that.  I've also tried things like increasing the values for
> > the border-spacing,  border, and even padding values at both the table
> > and td/th level.
>
> That's going the opposite way, surely?  If you wanted the Mozilla
> affect, you don't want spacing between cells.
>
> I don't have a Windows box handy to play with at the moment, but I seem
> to recall that HTML like <table rules="all" border="1"> along with CSS
> like table {border: thin solid #999;} was all that I did to get MSIE to
> render very simply drawn table rules (as per Mozilla and its ilk).
> Perhaps with th, td {margin: 0;} as well.
>
> I'll have to check later, but that's the source code snippets from a
> page that I'm sure rendered in that way when I was testing on different
> browsers.
>
> Have you read through the CSS specifications?

Hi Tim.

I've tried your suggestions as well as a few from other people and have not 
managed to get it working in IE, although I did in Mozilla Firefox.

I've given up, removed the border/padding/margin from stylesheet, and added
border=1 cellpadding=0 cellspacing=0 to the HTML, which at least renders near 
enough the same in both browsers and is near enough what I want.

What I actually wanted was just a single pixel wide, solid black box, with no 
whitespace round it. What I've got is a 2 pixel (1 for each cell) grey 
border.

If anyone knows how, from scratch, to do the .css file to achieve this, for 
both browsers, then I'll be able to work from there. Otherwise, I'll make do.

Gary

--
Gary Stainburn
 
This email does not contain private or confidential material as it
may be snooped on by interested government parties for unknown
and undisclosed purposes - Regulation of Investigatory Powers Act, 2000