31 Responses for "20 Free CSS Containers"

1. 20 contenedores CSS gratis para tu blog | Bitperbit February 11th, 2008 at 8:50 pm 1

   [...] Enlace | 20 Free CSS Containers [...]

2. 20 contenedores CSS gratis para tu blog February 12th, 2008 at 3:34 am 2

   [...] 20 contenedores CSS gratis para tu bloginfectthesystem.com/2008/20-free-css-containers/ por maxx19 hace pocos segundos [...]

3. Fepe February 12th, 2008 at 4:40 am 3

   I was just looking for something like this to add to a little design I’m doing =)

   Thanks!

4. Adam February 12th, 2008 at 9:36 am 4

   @ Fep – No problem. If you need any custom colors or anything let me know. I might be able to help you out.

5. John March 9th, 2008 at 6:18 am 5

   Many thanks for posting these great containers! They are easy to use and look great! Would it be too much trouble to post a “Blue Round” with the same blue that is found in “Blue Square”? Thanks again and keep up the great work!

6. Adam March 9th, 2008 at 8:42 pm 6

   @ John – Sure can! I will actually probably just email you it if you don’t mind.

7. Adam March 14th, 2008 at 8:36 am 7

   Hello John, In case you didn’t get my email, or lose the file, you main download it from here anytime.

   http://infectthesystem.com/downloads/stretch_contentbox/blue_round_2.zip

8. Eric May 27th, 2008 at 9:40 pm 8

   For some reason none of these boxes work in Internet explorer 5.5, 7.0, 8.0? Is it just me?

9. Adam May 27th, 2008 at 9:46 pm 9

   Hmm, well I would love to say it’s just you, but stranger things have happened.

   They should though, I am relatively sure I validated them before I put them up.

   I’m kinda busy tonight, but I will check them out for you tomorrow and if there is a problem I will fix them and shoot you an email with the updated files.

   Is there any particular one you are trying to use?

10. Eric May 27th, 2008 at 11:15 pm 10

    I tested this page:

    http://infectthesystem.com/2008/20-free-css-containers/

    using the site http://browsershots.org , which examines browser compatibility of web sites.

    And I saw that these boxes did not appear on MSIE 5.5, 7.0,8.0

11. Eric May 27th, 2008 at 11:16 pm 11

    how can i fix it?

12. Adam May 27th, 2008 at 11:30 pm 12

    Oh, that is part of your problem right there. The page just has images of the boxes, I’m not using the actual html/css code.

    The code is super simple, there is no reason why it wouldn’t work in IE. Just give it a try.

13. Eric May 27th, 2008 at 11:38 pm 13

    no wonder!!!

14. Eric May 27th, 2008 at 11:39 pm 14

    that site is strange by the way, for not even displaying images.

15. traffic ticket November 2nd, 2008 at 8:49 pm 15

    Hi,

    This is just what I was looking for! Thanks for the great selection. I was thinking of buying some containers like these, but thanks to you I have saved some money

    Btw, I found this page by searching for “free containters css” on Google.

    Thanks again.

16. Kris December 1st, 2008 at 11:38 am 16

    Awesome resource, thanks! Is there any way to make the bottoms rounded to match the tops?

17. Mark December 6th, 2008 at 8:23 am 17

    I was having problems with the examples I.E. 7….until I changed my doctype to

18. Matthew Fox March 10th, 2009 at 10:01 am 18

    Would it be possible for you to do a tutorial on how to make these boxes? the header images on these boxes? I love them and plan on using them a lot and instead of asking for custom colors it might be easier if i just knew how to make them myself.

    Thanks,

    Matt

19. Zena March 16th, 2009 at 2:23 am 19

    Hi there,

    Thanks for sharing your cool css containers.
    I have one problem though. When I copy the css into its own css file and then link to it, the container doesn’t display properly. The header part of it goes all funny. Have you come across this problem before?

    It works fine when I leave the css in the same place as the html for the container.

    Thanks for any help you may offer!

20. Adam Gardiner March 27th, 2009 at 2:47 pm 20

    @Matthew Fox
    Yes I can definitely do that tutorial for you. If you subscribe to my site, it will automatically email when that tutorial is up and running.

21. Adam Gardiner March 27th, 2009 at 2:50 pm 21

    @Zena
    No problem, glad you like them.

    From your description it sounds like you are more than likely having some type of CSS conflict. I would double check and make sure that you don’t have any css definitions with the same name as mine.

    Or possibly you have the boxes inside a larger container that has css styles applied to it that are over riding my css styles?

    Or maybe even you have a CSS reset that has messed up the header.

    Whatever the case may be, it is more than likely a conflict of CSS styles. I would start looking there first.

22. Tim April 9th, 2009 at 3:07 am 22

    Hi,

    Needless to say your containers are just what I was looking for.
    I am somewhat of a newcomer to CSS & wondered if you could tell me the CSS/HTML code to implement these boxes. I have done this type of thing with a 3 row table, using the middle row as a bg, but had a gap showing on Firefox?

    This is pretty basic I know

23. Pat June 13th, 2009 at 4:19 am 23

    I like this, but it doesn’t work. >_> I click download but again a blank page.

24. Chip August 7th, 2009 at 11:18 am 24

    The links to the zip files aren’t working (as of 8/7/2009) … and the zip files that are accessible by right-clicking on the hotlink are empty (0 bytes). Anything I’m doing wrong? Nice work … would love to use these containers if I can get to the zip files.

25. Ray August 7th, 2009 at 3:47 pm 25

    These look awesome, but the download links are broken, would you be kind enough to re-post them? I really want to try these.

26. Adam Gardiner August 12th, 2009 at 9:57 am 26

    So sorry guys. A stupid Wordpress update broke the download manager, and when I tried to update the Download Manager things got even worse. Anyway, all the links are working again so download happily!

27. Chip August 16th, 2009 at 7:08 pm 27

    Adam, Thanks for repairing the zip files! These are the cleanest, most elegant containers I’ve seen anywhere with lightweight code to boot. Very nice job & thank you!

28. Drew October 25th, 2009 at 10:23 am 28

    Thanks these are very slick and simple, just what I was looking for!

    Can you tell me how to line up more than one of the boxes in a horizontal row? I assume I need to drop an align attribute somewhere in the CSS area? I am trying to put three of your boxes in a row.

    Thanks!

29. Drew October 25th, 2009 at 10:27 am 29

    Nevermind, I figured it out.

    For anyone who wants to align multiple boxes horizontally, just drop:

    float:left;

    into the .container class, like this:

    .container {
    width:192px;
    float:left;
    }

30. josep chapman October 31st, 2009 at 10:42 am 30

    it seems like it a fairly over-engineered solution to a very fundamental problem.

31. Rerun November 4th, 2009 at 5:13 am 31

    Very nice… thanks alot