CSS: table-layout:fixed keeps Netscape 7 in line
August 23, 2005
CSS
Netscape 7 was squashing some table cells down, ignoring widths I had specified in the css.

The code for the table:


Ads by Google

Posted by ellen at August 23, 2005 01:11 PM Without the style
table-layout:fixed;


#learningPlanTabsTable {
width:100%;
}

#learningPlanTabsTable td.action {
	width:136px;
	height:25px;
	background-image: url(images/tabs/deselected/tab_01.gif);
	background-repeat: no-repeat;
	margin:0px;
	font-family:Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size:13px;
	background-color:;
}
View image

With table-layout:fixed;


#learningPlanTabsTable {
/*table-layout:fixed is necessary to keep mozilla browsers from squashing the tab cells*/
table-layout:fixed;
width:100%;
}

#learningPlanTabsTable td.action {
	width:136px;
	height:25px;
	background-image: url(images/tabs/deselected/tab_01.gif);
	background-repeat: no-repeat;
	margin:0px;
	font-family:Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size:13px;
	background-color:;
}


View image

Thanks much to Quirksmode for the tip.
Ads by Google


Ads by Google

 RSS   |   Contact Me


Ads by Google