janetb
06-06-2007, 03:33 PM
I've got a page layout that works great in IE7 and Firefox, but has a problem in IE6. Basically I've got a header, left-side nav, and then a content area. Within the content area, I've got a div tag that makes a clear box area. Within that box is an image an some text. What happens is that when you hover over a basic hyperlink within the box, the whole box collapses to the size of the last line of text. In effect, it lops the bottom off any image within the text equivalent to the last line of text. Anybody got a clue, please? Here's the basics - I can give more....
#box0 {
float: left;
padding: 2px 2px 2px 5px;
margin: 1px 1px 30px 10px;
background: #ffffff;
border: solid 1px #ffffff;
width: 95%;
font-size: 12px;
}
.boxdivs3 {
padding: 2px 2px 0px 5px;
_margin: -5px -5px 2px -12px;
margin: -2px -2px 2px -5px;
background-color : #F2E1F3;
border-bottom:solid 1px #999999;
font-size: 14px;
}
...............
<div id="box0"><div class="boxdivs3">Some title</div>
<img src="../images/image.jpg" alt="#" border="1" align="left" />
Some text. And a hyperlink here: <a href="http://">click</a>.</div>
#box0 {
float: left;
padding: 2px 2px 2px 5px;
margin: 1px 1px 30px 10px;
background: #ffffff;
border: solid 1px #ffffff;
width: 95%;
font-size: 12px;
}
.boxdivs3 {
padding: 2px 2px 0px 5px;
_margin: -5px -5px 2px -12px;
margin: -2px -2px 2px -5px;
background-color : #F2E1F3;
border-bottom:solid 1px #999999;
font-size: 14px;
}
...............
<div id="box0"><div class="boxdivs3">Some title</div>
<img src="../images/image.jpg" alt="#" border="1" align="left" />
Some text. And a hyperlink here: <a href="http://">click</a>.</div>