Richard Brown wrote:
> <http://www.theoldcoachworks.org.uk/>
> <http://www.theoldcoachworks.org.uk/wp-content/themes/WordpressRooms/
> style.css>
>
> I have some recollection that this is a WinIE bug. i.e that it doesn't
> display text under a box but alongside it whatever the quoted width.
Some problems with IE in this menu.
- Remove all rules related with .header, .box, .box-width,
and replace them with:
.header {
float: left; /* contains the floating boxes */
width: 100%; /* prevents shrink-wrapping */
background-color: #fff;
}
.box, .box-wide {
margin: 9px 9px 0 9px;
padding: 5px;
font-size: 85%;
font-weight: 600;
}
.box {
float: right;
width: 100px;
text-align: center;
background-color: #FBFBF1;
}
.box-wide {
float: left;
width: 185px;
text-align: left;
}
/* clickable link area */
.box a, .box-wide a {
display: block;
}
/* line-break after img, or keep the br */
.box a img, .box-wide a img {
display: block;
}
- Insert a Conditional Comment at the end of the head section
<!--[if IE]>
<style>
/* IE6 fixes */
.box, .box-wide {
display: inline; /* doubled float margin bug */
overflow: hidden; /* stops expanding of the box */
}
/* IE6-7 */
.box a, .box-wide a {
position: relative; /* allows for leaving the overflown box */
}
</style>
<![endif]-->
</head>
- Remove the br after the images (optional).
Hope that helps.
Is "click to enlarge" meant to sit next to the image?
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
