Hi everyone,
I have table that I've styled with the following css code:
The width of the table is 733px. There are 7 columns in the table and I've given all of them a width of 86px with the exception of the first two columns where the first one has a width of 152px and the second one 151px.
This adds up to the table width of 733px.
It work in all browsers but not internet explorer 7 and below. In this browser the first two columns which are larger than the remaining ones, are both really narrow and the text is getting wrapped onto the subsequent lines.
I can't work it out since all other browsers render if perfectly - even internet explorer 8.
Does anyone know what's going on here?
Appreciate any help.
I have table that I've styled with the following css code:
Code:
table#private {
width: 733px;
color: #333;
text-align: left;
}
table#private thead th {
background-color: #00274C;
border-bottom: 1px solid #EA2127;
font-weight: bold;
color: #fff;
}
table#private th {
padding: 0.5em;
}
table#private td {
padding: 0.2em;
}
table#private th, table#private td {
width: 86px;
}
table#private th#name {
width: 152px;
}
table#private th#addres {
width: 151px;
}
The width of the table is 733px. There are 7 columns in the table and I've given all of them a width of 86px with the exception of the first two columns where the first one has a width of 152px and the second one 151px.
This adds up to the table width of 733px.
It work in all browsers but not internet explorer 7 and below. In this browser the first two columns which are larger than the remaining ones, are both really narrow and the text is getting wrapped onto the subsequent lines.
I can't work it out since all other browsers render if perfectly - even internet explorer 8.
Does anyone know what's going on here?
Appreciate any help.