Grow your CSS skills. Land your dream job.

IE6 issues with complicated layout

  • # July 8, 2009 at 3:15 pm

    I am having some trouble with positioned elements.

    A link is here: http://ubica.us/sites/Beehive/lc/intro-notlogin.htm

    It displays how it supposed to in IE7 or Firefox- but in IE6 there is a margin on the right side.

    If I display the rounded box with the numbered items as absolute, this margin goes away- but then the rounded box is taken out of the flow and it gets cut off at the bottom of the page. To fix this I could make an outer div with a fixed height and then display the rounded box absolute- but since this is dynamic content that changes according to language I would be worried about having a fixed height.

    Any ideas?

    # July 8, 2009 at 3:31 pm
    Quote:
    Any ideas?

    Honestly? Start again.

    I have never seen so many divs on one page! And after drilling down and down and down…. to get to the element in question, it’s laid out in a table!?

    Sorry but I can’t make head nor tail of what you are doing on the page.

    # July 8, 2009 at 4:25 pm

    Thanks for taking a look. I know it’s a code mess. I got handed a liquid layout in a drupal generated site with a .net canvas tool + too many rounded corners- then asked to theme it.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".