Question:I asked this a few days ago, the answer worked in firefox but not ie.
I've got a page which has a table in the center. I want it to fill 95% of the page unless the table reaches 1000px. At this point it shouldn't get any bigger. The follow works in firefox but not ie, any work arounds?
Thanks in advance.
My css page;
#main { max-width:1000px; }
Mt html page;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/tr/html4/loose.dtd">...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>test</title>
<!--
body {
background-color: #0000FF;
}
-->
</style>
<link href="css/test.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #0033FF;
}
-->
</style>
</head>
<table width="95%" height="200" align="center" bgcolor="#FFFFFF" id="main">
<tr>
<td></td>
</tr>
</table>
</body>
</html>
Answers:
#main {
width: 95%;
max-width:1000px !important;
height: 200px;
margin: 0 auto 0 auto;
background: #fff;
}
<table id="main">
More FireFox Questions & Answers...