CSS - táblázat help IE
Sziasztok!
Lehet hogy némileg amatőr kérdés, de aki esetleg tudja a választ kérem szánjon meg és mondja meg mi a probléma!
Egy olyan táblázatra lenne szükségem, amely 100% széles és 100% magas, valamint felül és alul 1-1 cella, középen pedig 3 cella van. A középső cellák mérete fix, 600 pixel, mert oda más hátteret szeretnék rakni, mint amilyen amúgy a lap hátterében van. A probléma itt kezdődik. Firefoxban tökéletes a látvány, de IE7-esben vagy kitágítja nekem a középső 3 cellát nagyobbra mint amit megadtam neki (600px), vagy nemes egyszerűséggel 1 sornyi magasságú lesz csak az alsó és felső cella, mintha én nem adtam volna meg a táblázatnak hogy 100% legyen.
■ Lehet hogy némileg amatőr kérdés, de aki esetleg tudja a választ kérem szánjon meg és mondja meg mi a probléma!
Egy olyan táblázatra lenne szükségem, amely 100% széles és 100% magas, valamint felül és alul 1-1 cella, középen pedig 3 cella van. A középső cellák mérete fix, 600 pixel, mert oda más hátteret szeretnék rakni, mint amilyen amúgy a lap hátterében van. A probléma itt kezdődik. Firefoxban tökéletes a látvány, de IE7-esben vagy kitágítja nekem a középső 3 cellát nagyobbra mint amit megadtam neki (600px), vagy nemes egyszerűséggel 1 sornyi magasságú lesz csak az alsó és felső cella, mintha én nem adtam volna meg a táblázatnak hogy 100% legyen.
Kód / link?
kód
<table width="100%" height="100%" border="0" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">1 cella</td>
</tr>
<tr>
<td background="img/kozhatter.png"> </td>
<td width="1000" height="600" background="img/kozhatter.png">középső rész</td>
<td background="img/kozhatter.png"> </td>
</tr>
<tr>
<td colspan="3" background="img/alsohatter.png">2 cella</td>
</tr>
</table>
Itt az "1 cella" és "2 cella"-nak kellene ugye akkorára megnyúlnia hogy a felesleges helyet fent és lent betöltse, ahelyett IE7-ben a középső 3 mérete nem 600 lesz hanem több, hiába adom meg neki.
Próbálkoztam a style fájlba a következőképpen (itt class-al adtam meg TD-ben a cella1 volt a középső rész, a cella2 pedig a jobb és baloldali középső cella):
.tablazat {
margin-right: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 0px;
text-align: left;
vertical-align: middle;
width: 100%;
height: 100%;
}
.cella1 {
border-collapse: collapse;
height: 600px;
width: 1000px;
vertical-align: inherit;
background-image:url(img/kozhatter.png);
border-collapse: collapse;
}
.cella2 {
border-collapse: collapse;
height: 600px;
vertical-align: inherit;
background-image:url(img/kozhatter.png);
border-collapse: collapse;
}
td magasság...