div problem

Discussion in 'CSS' started by dizyn, Nov 9, 2008.

0
  1. #1
    This works fine with IE but in FF it creates problem.

    I want "wrapper" to show border of one pix against whole content but it doesn't show, it works in IE.

    thanks in advance.

    Here is code:
    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"><title>
	Safer Dorset - Content Sharing Facility
</title>

<style type="text/css">



.wrapper {
    margin:0 auto;
    width:970;
	border: 1px solid #000000;
}


.content {width:100%;}
.content .library {float:left;width:270px;}
.content .right {float:left;width:259px;}
.content .mid {float:left;width:438px;}

</style>
	
	
</head>
<body>

  
        

        <div class="wrapper">
		
		
		<div class="content">
                

                <div class="library">
					<div class="lib_box">
					0
					</div>                    
                </div>
                
                <div class="mid">
                    <div class="mid_box">0
                        
                        
                    </div>
                </div>


                <div class="right">
                    <div class="d_box">0

                        
                    </div>

                    
                </div>
            </div>
        </div>     
        

</body>
</html>
    Code (markup):
     
    dizyn, Nov 9, 2008 IP
  2. belkocrnic

    belkocrnic Active Member

    Messages:
    107
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #2
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1"><title>
    Safer Dorset - Content Sharing Facility
    </title>

    <style type="text/css">



    .wrapper {
    margin:0 auto;
    width:970px;
    border: 1px solid #000000;
    }


    .content {width:100%;}
    .content .library {float:left;width:270px;}
    .content .right {float:left;width:259px;}
    .content .mid {float:left;width:438px;}

    .clearer{
    clear:both;
    }

    </style>


    </head>
    <body>




    <div class="wrapper">


    <div class="content">


    <div class="library">
    <div class="lib_box">
    0
    </div>
    </div>

    <div class="mid">
    <div class="mid_box">0


    </div>
    </div>


    <div class="right">
    <div class="d_box">0


    </div>


    </div>
    <div class="clearer"></div>
    </div>
    </div>


    </body>
    </html>
     
    belkocrnic, Nov 9, 2008 IP