SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Jan 2006
    Posts
    28
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    the left border wont't show in IE6

    Hi,
    I'm working on a special instructional webtool, a filter actually - http://www.kerteszklub.fw.hu/info.html. This link only shows the user manual part I'm working on. I am filling it up with images and text, so it's very much at a work -in-progress stage contentwise, but the layout and the structural elements are there. Any modern browser displays the page perfectly fine, but in explorer 6 there are some problems.
    There is this simple structure I use:
    <div class="cb-container">
    <div class="cb-head">
    <div class="cb-tab"></div><div class="border-left"></div></div>
    <!-- END OF HEAD-->
    <div class="cb-body">
    All the content comes here.
    </div>
    <!-- END OF BODY-->
    <div class="cb-foot"><div class="border-right"></div>
    </div>
    <!-- END OF FOOT-->
    </div>
    <!-- END OF CONTAINER-->
    1. The .cb-head div is misplaced to the top
      , and there is a visible gap between it and the next .cb-body div, which is also another static block.
    2. this .cb-head div is not the size I gave to it, but it is enlarged to show the full background image.
    3. most importantly: the .cb-body div loses its left border.

    Basically, I only float the .border-left and the .border-right divs in the sized .cb-head and the .cb-foot divs and they are in the right place. Otherwise everything is either static, or absolutely positioned..
    As you can see - in the info.css stylesheet- I have tried some tricks with overflow:visible - height:1px (or another fixed size), and position: relative to give the beast the haslayout=true value at certain parts, but with no use.
    Does someone have any more ideas I could try?
    Thanks.
    Last edited by r937; Apr 1, 2009 at 05:23. Reason: fixed typo in link

  2. #2
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Because that site forces the use of frames, I cannot use my live editing tools on it, so can offer only suggestions.

    First issue is spelling - IE doesn't like the spelling of "grey" for the missing left margin - it needs to be "gray".

    Next, IE will not allow elements to be less height than the current line height, so on the .cb-head and .cb-foot divs, set a font-size of 1px.

  3. #3
    Made with a Mac! philm's Avatar
    Join Date
    Sep 2001
    Location
    Portsmouth, UK
    Posts
    735
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    IE6 doesn't like empty DIVs.

    Try this:
    HTML Code:
    <div class="cb-container">
    <div class="cb-head">
    <div class="cb-tab"><!-- IE6 --></div><div class="border-left"><!-- IE6 --></div></div>
    <!-- END OF HEAD-->
    <div class="cb-body">
    All the content comes here. 
    </div>
    <!-- END OF BODY-->
    <div class="cb-foot"><div class="border-right"><!-- IE6 --></div>
    </div>
    <!-- END OF FOOT-->
    </div>
    <!-- END OF CONTAINER-->

  4. #4
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hmmm, never had any issues with that...

  5. #5
    SitePoint Enthusiast
    Join Date
    Jan 2006
    Posts
    28
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for all of your replies!

    Yes, it was stupid of me not to start checking such trivial things like spelling, but one does not suspect the problem can be so simple as the mispelled word 'gray'. It was. Sorry for bothering you with this. Thanks again.
    Petroczi


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
  •