Previous Message
Next Message

Navigation woes

Sent by Ingo Chao on 24 March 2006 00:12


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-REMOVED]]
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/
Previous Message
Next Message

Message thread:

Possibly related: