TheDesignspace
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:

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.
Posted by ellen at August 23, 2005 01:11 PM | TrackBack

 Comments
 Post a comment
Name:


Email Address:


URL:


Comments:


Remember info?



Recommended Reading