A curiosity, more than a request for help, although if some of our list
favorites have a fix/answer, I'd be happy. I just hadn't ran across this bug
before...

I'm making a calendar for a project I'm involved in. I wanted to stay away
from tables for it because I don't consider it tabular data, so I came up
with a few quick styles and got everything working right. You can view the
demo here:

http://www.mysportteam.com/team/calendar.php

CSS:
    #calendar{float:right;margin: 1em 0em;width: 44em;}
    .calrow{clear: both;}
    .cell{border: .062em solid black;float:left;height: 6em;margin-right:
-.062em;margin-bottom: -.062em;position: relative;width:6em;}
    .cell:hover{border-color: #50c3ff;background: #d3f0ff;z-index: 2;}
    .cell:hover .date{background: #dcf2fd;}
    .date{background: #f8f8f8 ;border-bottom: .062em solid
black;border-left: .062em solid black;float:right;height: 1.3em;text-align:
center;width: 1.3em;}
    /*h3{margin: 0px;padding: 0px;}*/

Apparently IE is tossing the margin on each subsequent row. My HTML and CSS
validates. Ignore the site design, because it was made in an "executive"
aspect.

If anyone knows why, or can point to the bug, I'd appreciate it. I can
easily make my own workaround for it without using hacks of any sort, I just
wanted to share it.

-- 
-Jack Timmons
http://www.trotlc.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to