Results 1 to 3 of 3

Thread: CSS div/table borders question.
      
   

  1. #1
    Join Date
    Feb 2006
    Location
    Kings Lynn Norfolk UK
    Posts
    8,702

    Default CSS div/table borders question.

    Hi, I am trying to make a CSS with areas/panels that have borders for a basic page layout. This seems to be no problem with FF & Opera. But with IE it changes the size of the div area because it adds the border on the internal part of the div & leaves a larger gap between the panel areas. (At least I think this is what its doing)
    Is there a way to stop this happening? So it looks the same in all browsers.
    Sample page. http://www.collectors-info.com/testing/css-test.html






    Thanks.

  2. #2
    Join Date
    Sep 2005
    Location
    Cincinnati, Ohio
    Posts
    2,116

    Default Re: CSS div/table borders question.

    The reason your getting the gaps is because bluevoda is using an absolute position for each of the div tags it generates. It is either automatically adding a 5 px space between elements, or you need to move each element closer by 5 px, and shrinking the width of the top and bottom div's that BV creates by 5 px.

    Since the ones you added are within the BV div's, it takes on their absolute position.

    Hope that helps, post again if it doesn't or its not clear (had a rough time explaining)


    I attached a zip with a html file with the fixes, so it doesn't have the gaps, (if it will help)
    Attached Files Attached Files

    Register/Login Script
    Do you use a Password Protected Directory? Need a way to allow users to make their own account, try my .htaccess Login Script

  3. #3
    Join Date
    Feb 2006
    Location
    Kings Lynn Norfolk UK
    Posts
    8,702

    Default Re: CSS div/table borders question.

    Hi CJ,
    Thanks for the update & giving me some samples by example. (Which is great for me). I was hoping to create a few templates that were easily adjustable for BV users just like the BV shapes. So I was trying to have similar facilities that the shape has, but using the html boxes. The advantage of this, is to let BV users place a BV html box on the screen & adjust to what ever size they would like. But then have the facility to adjust colors/borders via a remote style sheet. (Not worried about the text just yet). With the html box on the screen it will still give the user a view of where the finished colored panel will end up as the html box will be a guide to where text & images can still be placed. Other wise a BV user will be working a bit blind. I think it can be done this way, but with a few limitations. I have adjusted the one that I did & is not too bad. http://www.collectors-info.com/testing/css-test.html
    What i was hoping to do was have a facility to use Naval’s php style of pages with a simple CSS for global changes that was easy for all BV users.



    Cheers.
    Attached Files Attached Files

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Posting Permissions

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