I am attempting to have two columns with two sets on data in each column
within a wrapper div with a 1px left & right border that connects with a
curved top & bottom .gif image to create the rounded border effect. Having
trouble getting the border to display past where the data is inserted. The
border stops where the data begins. I did find that setting a height value
on the wrapper div (#phidata) causes the border to display properly in all
browsers except IE. IE leaves a gap between the top & bottom curve .gif
files. Setting the height may not be proper fix, but it did resolve the
issue except for IE. Advice would be apreciated.
I am still forced to work off local drive so I apologize for initial large
email that was over packed with data and the inability to just point to url
to view page.
#phidata {
width: 798px;
margin: 0;
padding: 0;
border-left: 1px solid #1d1d1d;
border-right: 1px solid #1d1d1d;
text-align: center;
background: url(images/mbheader.gif) no-repeat;
}
#data {
width: 780px;
margin: 0 auto;
padding: 0;
border: 0;
}
#col1,#col2 {
width: 390px;
margin: 0;
padding-top: 15px;
border: 0;
float: left
}
#info1,#info2 {
width: 184px;
margin: 0;
padding-left: 10px;
border-right: 1px dotted #1d1d1d;
float: left;
}
#info3,#info4 {
width: 185px;
margin: 0;
padding-left: 10px;
border: 0;
float: left;
}
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
