Results 1 to 2 of 2

Thread: Chrome and Firefox display:inline css issue

  1. #1
    Join Date
    Mar 2010

    Chrome and Firefox display:inline css issue


    I have an issue that started with Firfox where my online calendar (http://www.BHSU.edu/events) would show up underneath a div and flow off the screen. My solution was to wrap a div around the table and give the div the following properties. A hack, I know but it fixed the issue in firefox. However, if you visit the same page in Chrome -- it just spreads out way to much. AHHHH!

    I have identified the problem as my initial class of display: inline. However, when I remove that class, it breaks in firefox and of course fixes it in chrome.

    I am at a loss, any ideas?
    Thank you for the input.

    .eventMonthdiv table {display: inline !important; }
    .eventMonthdiv:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    /* Hides from IE-mac \*/
    * html .eventMonthdiv {height: 1%;}
    /* End hide from IE-mac */

  2. #2
    Join Date
    Aug 2010
    may be a bit late but I just found that unanswred question of yours since I have a similar problem with CHROME (or better it's descendant without google's spyware, IRON).
    Since I found that FIREFOX rarely has got any bugs it is the Webkit-engines based browsers like IRON and SAFARI who cause problems, even OPERA sometimes and you can hardly find anything about it in the net, strange enough.
    If your problem is not solved yet, give me some more information please, may be I've got a hint.
    I have problems with display: inline; on CHROME and SAFARI trying to realize a simple CSS hover Tooltip with display-inline; and position: absolute.
    FIREFOX, IE !! (wow), OPERA all good. (All newest versions on Windows except IE7 which I kept for better downhunting bugs and issues with MSIE .)


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