Results 1 to 3 of 3
09-22-2003, 02:46 PM #1
OS differences in CSS positioning
I decided to try the challenge offered by http://www.csszengarden.com/ where they supply an HTML document (which is not to be altered) and ran into an interesting problem that I haven't been able to find much info about:
I decided to play around with borders, margins, and padding to see if I could come up with something interesting for the layout.
I was doing most of the developing in IE6 on Win 98 (800x600) and was positioning divs here and there (relying heavily on absolute positioning) on the page and surrounding them with 10px borders and applying padding and margins for (ahem) visual appeal, and was about halfway through about one screen's worth of css work when I transferred it to IE6 on Windows 2000 (both 800x600 and 1024X768).
The layout was almost identical except that some of the borders were now overlapped by the width of the border (particularly to the right and down).
I worked it backwards and removed all the padding and everything seems to snap into place correctly on both Win 98 and 2000.
Is this a bug (that the different OS's treat "padding" in different ways)?
Is there a simple solution? I did find somewhere that IE6 and NS7 treat the way borders are coloured and displayed differently, but I can't seem to find anything that discusses the issue I've found with padding div contents.
(I've finished my layout and decorations without the padding, but it doesn't really look as good as it would with a little bit of padding around the paragraphs, and I've yet to see it in NS 6 or 7.)
Does anybody know of any online resources (that I can't seem to find) about the padding issue cross-OS?
BTW: http://www.csszengarden.com/ has really been a great learning tool for me. They provide an HTML document that is never to be altered (incidentally the HTML document contains the rules), and your challenge is to "style it" with an external style sheet. Some of the designs are amazing!
It might be interesting for the folks here to start something similar. It could be used as a "Members CSS Gallery" of sorts (not to mention alot of fun!)
How 'bout it?
EDIT: WOW, that looks like alot of typing, eh?
09-22-2003, 05:57 PM #2
This page demonstrates IE6 problems nicely - http://tom.me.uk/2002/2/ie6css.html
Good bug list - http://www.richinstyle.com/bugs/table.html
This sounds like the pone that might apply to your problem - http://css-discuss.incutio.com/?page=BoxModelHack
That site is great! I'll be making a style tommorow nightIf one of our members helps you, please click the icon to add to their reputation!
No support via email or private message - use the forums!
Before you ask, have you Searched?
09-22-2003, 09:14 PM #3Originally Posted by QuietDean