32 users online (0 members and 32 guests)  


  Results 1 to 3 of 3

Related

  1. help positioning    Forum: HTML Forum
    Replies: 4
  2. More Positioning    Forum: HTML Forum
    Replies: 3
  3. OS differences in CSS positioning    Forum: General Discussion
    Replies: 0
  4. css positioning....??    Forum: CSS Forum
    Replies: 1
  5. Replies: 1
  1. #1
    Android's Avatar

    Status
    Offline
    Join Date
    Oct 2002
    Location
    I AM CANADIAN
    Posts
    440

    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?

  2. #2
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    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 night
    If 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?

  3. #3
    Android's Avatar

    Status
    Offline
    Join Date
    Oct 2002
    Location
    I AM CANADIAN
    Posts
    440
    Quote Originally Posted by QuietDean
    That site is great! I'll be making a style tommorow night
    Tomorrow night? I worked on mine for more than a week. I may even submit it, if it looks ok in Netscape.....



Tags for this Thread