www.webdeveloper.com
Results 1 to 5 of 5

Thread: CSS Issue on Chrome/FF but works fine on IE

Hybrid View

  1. #1
    Join Date
    Aug 2010
    Posts
    5

    CSS Issue on Chrome/FF but works fine on IE

    Title says it all. I'm working on a calendar based on a tutorial online, and I have it working beautifully on IE but it doesn't want to look right on Firefox or Chrome. Any suggestions? I haven't done a lot with CSS so it's probably just something simple.

    http://marchingrebels.org/Testing/Calendar2.php

    Thank you!

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Your link does not work

  3. #3
    Join Date
    Aug 2010
    Posts
    5
    Oh sorry, it's just Calendar not 2.

  4. #4
    Join Date
    Aug 2010
    Posts
    4
    Your problem lies with the fact that table data doesn't/shouldn't support position:relative property within FF or Chrome...

    Your only solution is inside all your <td>*calendar data*</td> tags add a <div style="position:relative;">*calendar data*</div> to wrap the data inside each table data.

    So sample is:

    Code:
    <td class="calendar-day"><div class="day-number">15</div><p>&nbsp;</p><p>&nbsp;</p></td>
    make it:

    Code:
    <td class="calendar-day"><div style="position:relative;"><div class="day-number">15</div><p>&nbsp;</p><p>&nbsp;</p></div></td>
    Granted your styles break a little but this should get you on the right track.

  5. #5
    Join Date
    Aug 2010
    Posts
    5
    Thank you, that fixed the numbers. There is still the problem that the days are smaller in chrome than in IE for some reason. It looks right in IE.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles