Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Junior Member
    Join Date
    Mar 2009
    Posts
    1
    Member #
    18472
    Ok well i learned a bit more about web design etc... and so I'm working on making a personal blog thing at www.forbisc.com/newsite mainly as a hobby

    It is not nearly done but I do have a problem with the boxes when there is more than 2 boxes on one side in internet explorer, it looks like one box is Inside another. Take a look at the source it seems like it should work but then again i dont really know. Is there a better way to make the boxes? (they need to scale vertically and horizontally)
    Or is there some simple fix for this?

    Any help would be appreciated thanks!

    -forbisc

  2.  

  3. #2
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    A few things here. There are some deprecated tags in your source. You are mixing absolute positioned divs and tables which is bound to cause problems.

    There is also an easier way to create round expanding boxes.

    <div class="box_top"></div><!--top bg here-->
    <div class="box_middle"><!--content bg here-->

    <div class="inner_box">Content Goes Here</div>
    <div class="box_bottom"></div><!--bottom bg here-->
    </div>


    You can see there is far less code than you are using. Alter css for your needs.

  4. #3
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Note that the aforementioned technique for rounded corners only works for a fixed-width rounded corner box. If you need rounded corners for a variable-width div, then you'll need an extra couple of divs.

  5. #4
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Yes, I realized that after my post that he had expanding widths too. Wouldn't expanding widths cause major headaches with layout, or elements to be pushed out of the viewport?

  6. #5
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    With rounded corners? All you have to make sure is that your upper right and lower right corners are separate elements. Occasionally you also need an extra div or two to repeat your top/bottom borders. But some solid paddings can make sure that the text inside the element will resize nicely. You generally don't get pushing out of the viewport unless you're absolute positioning things -- otherwise they tend to at the very least wrap.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:32 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com