Menu
Hello all, I hope someone can help me with my small box I am making in CSS. My problem is that between my div tags there is a white space in IE, but not FF. If I try to change the margins to close this gap in IE it throws off Firefox. I have tried setting margins padding and borders, but have run out of ideas. Thanks for looking!
Code below link here: [URL=”http://anthonybidulka.com/HELP/testbox.htm”]http://anthonybidulka.com/HELP/testbox.htm
[CODE]<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<style>
body {
margin: 0;
padding: 0;
border: 0;
}
p {
font-size: smaller;
color: white;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
margin: 0px; /* This fixed spaces added by P in firefox, still remains in IE */
}
.box {
width: 56%;
margin: 0;
padding: 0;
border: 0;
}
.box-content {
margin:0;
padding-left: 18px;
padding-right: 18px;
}
.box-middleleft {
background: url(ml.png) repeat-y left;
margin-right:14px;
margin-top: 0px;
margin-bottom: 0px;
}
.box-middleright {
background: url(mr.png) repeat-y right;
margin-right:-14px;
}
.box-topleft {
background: url(tl.png) no-repeat top left;
margin-right:14px;
}
.box-topright {
height:10px;
background: url(tr.png) no-repeat top right;
margin-right:-14px;
}
.box-bottomleft {
background: url(bl.png) no-repeat bottom left;
margin-right:14px;
}
.box-bottomright { background: url(br.png) no-repeat bottom right;
margin-right:-14px;
height: 14px;
}
</style>
</head>
<body>
<div class=”box”>
<div class=”box-topleft”><div class=”box-topright”></div></div>
<div class=”box-middleleft”><div class=”box-middleright”><div class=”box-content”>
<p>Like his protagonist, Anthony lives a big life in a small city on the Canadian prairie. He also loves to travel the world—meeting people, sampling food and wine, walking sun-drenched streets, making good use of swim-up bars, and being awed. </p>
<p>Anthony has toured extensively in both Canada and the United States including stops in Ottawa, Toronto, Winnipeg, Regina, Saskatoon, Calgary, Edmonton, Vancouver, Victoria, Los Angeles, San Francisco, Sacramento, New York, New Orleans, Ann Arbor, Madison, Chicago, Minneapolis, Atlanta, Baltimore, Dallas, Austin, San Antonio, Houston and Washington, DC. </p>
<p>Anthony lives in Saskatoon where he is at work on his next novel.</p>
</div></div></div>
<div class=”box-bottomleft”>
<div class=”box-bottomright”>
</div>
</div>
</div>
</body>
</html>