Re: Justified main menu items - V.6.0.4

Home Forums Older releases 0.9.x Justified main menu items - V.6.0.4 Re: Justified main menu items - V.6.0.4

#1472
admin
Keymaster

Hi,

You can use the following – it will work in all browsers except IE7:

#Menu1 {
	display:table;
}
#Menu1 > li {
	display:table-cell;
	float:none;
	width:1%;
}
#Menu1 > li > a {
	padding-right:0 !important;
	text-align:center;
}

If you care about IE7, you can also add the following and it will fix the main menu for it so that it doesn’t look too bad:

/* IE7 main menu fix */
*:first-child+html #Menu1 > li {
	float:left;
	width:auto;
}
*:first-child+html #Menu1 > li > a {
	padding-right:15px !important;
}

Cheers!

Register

You will be emailed a link to set your password.

Login

Lost password?