dizyn
11-09-2008, 04:03 PM
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>
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>