Results 1 to 6 of 6

Thread: Calendar too wide

  1. #1
    User
    Join Date
    09-25-09.
    Location
    Amsterdam, The Netherlands
    Posts
    103

    Default Calendar too wide

    Hi All,

    I have the calendar module published on this page:
    http://test.tv-wijdewormer.nl/agenda...0100901#agenda

    As you can see, not all days fit on the screen.

    Is there a way to force the words to wrap within the td cell and that the height expands as needed? Otherwise, we have to use cryptic names with abbreviations

  2. #2
    User
    Join Date
    09-25-09.
    Location
    Amsterdam, The Netherlands
    Posts
    103

    Default Re: Calendar too wide

    I ended up making the words shorter. This will do for now.

  3. #3
    User
    Join Date
    10-05-09.
    Location
    Dallas, TX, US
    Posts
    70

    Default Re: Calendar too wide

    Set the width of the TDs via a class. That will force the content of each TD to wrap as needed.

    Generally though, tables only expand to take up the maximum provided width. If your calendar was sized to the point where parts of it weren't visible, you may have other issues with the dimensions of it's parent elements in the DOM.

  4. #4
    User
    Join Date
    09-25-09.
    Location
    Amsterdam, The Netherlands
    Posts
    103

    Default Re: Calendar too wide

    Hi Mark,

    Thanks.... That could be the case... Do you know how I can debug that? The TD cells are 14% but if the words are to long, the right-end side of the table is "out of sight".

    The page I am talking about is http://test.tv-wijdewormer.nl/agenda.html

  5. #5
    Experienced user
    Join Date
    08-21-09.
    Posts
    563

    Default Re: Calendar too wide

    You can try the "word-wrap: break-word;" CSS property on your TDs:
    https://developer.mozilla.org/en/CSS/Word-wrap.
    Brian

  6. #6
    User
    Join Date
    10-15-10.
    Posts
    279

    Default Re: Calendar too wide

    This helped me with making a variable width blog site. Thanks!

Bookmarks

Posting Permissions

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