Results 1 to 2 of 2

Thread: Centering Divs

  1. #1
    Join Date
    Apr 2006

    Centering Divs

    Ok, I am very new to css and I read a tutorial on how to make a drop shadow effect on images. The method involves creating 3 divs, with the image file in the innermost, and then 3 shadow image files within each of the 3 divs as well. I tried to create a fourth outermost div with the property margin: 0 auto; so that it would center the whole thing. To see what I mean:


    For some reason it wont center the whole thing... Here is the code:

    .wrap0 {
    margin: 0 auto;

    .wrap1 {
    float: left;
    background:url(shadow.gif) right bottom no-repeat;

    .wrap2 {background:url(corner_bl.gif) left bottom no-repeat;}
    .wrap3 {
    padding:0 8px 8px 0;
    background:url(corner_tr.gif) right top no-repeat;}
    <div class= "wrap0"><div class="wrap1"><div class="wrap2"><div class="wrap3"><img src="logo.jpg" width="209" height="204" /></div></div></div></div>

    Can anyone tell me what I am doing wrong, and why the image is not centering on the page...

  2. #2
    Join Date
    Apr 2003
    .wrap0 must have a width defined.
    At least 98% of internet users' DNA is identical to that of chimpanzees

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
HTML5 Development Center

Recent Articles