ExpressionEngine CMS
Open, Free, Amazing

Thread

This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.

The active forums are here.

Annoying CSS Question

July 18, 2007 7:17pm

Subscribe [3]
  • #1 / Jul 18, 2007 7:17pm

    pickledegg2

    157 posts

    I don’t suppose anyone could shed some light on this? In IE, the date boxes are out of alignment, and also the text within appears cropped.

    I inherited this from elsewhere, and HTML/CSS is quite messy, but all the same, I really could use a quick fix. Its fine when you’ve built it yourself but picking up off someone else is trickier, as I wouldn’t have done things this way…

    Thanking you

  • #2 / Jul 19, 2007 5:59am

    Glen Swinfield

    113 posts

    I’d say there’s no quick fix to this problem. I think the layout glitch is related to the Jscript rather than the CSS. An input field uses the font size to calculate it’s height, unless the css specifically sets a height attribute.

    It’s an almost impossible task to debug it from this end. I would strip it all right back, remove the stylesheet and see if the inputs behave in the same way, if the do not then the problem is your CSS or javascript/css combination.

    Remove css and jscript etc etc… you get the picture. the only way to debug layout issues like this is to get back to a known starting point where everything works and gradually re-introduce elements until the undesirable (not necessarily a bug) is triggered, then you know exactly where your problem is.

  • #3 / Jul 19, 2007 7:19am

    johnwbaxter

    651 posts

    div.titletext - the text is too much for the width so it is going onto a second line which is forcing the second row to be pushed along.

    Just make div.titletext{width:150px;} for a quick and dirty fix.

.(JavaScript must be enabled to view this email address)

ExpressionEngine News!

#eecms, #events, #releases