ugrás a tartalomhoz

CSS - táblázat help IE

gabrieludon · 2009. Okt. 14. (Sze), 14.33
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.
 
1

Kód / link?

Poetro · 2009. Okt. 14. (Sze), 14.41
Jó lenne látni a kódot, vagy adj egy linket hozzá, mert ebből nehéz rájönni meddig jutottál.
2

kód

gabrieludon · 2009. Okt. 14. (Sze), 14.56
Lényegében erről lenne szó:

<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">&nbsp;</td>
<td width="1000" height="600" background="img/kozhatter.png">középső rész</td>
<td background="img/kozhatter.png">&nbsp;</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;
}
3

td magasság...

whiteman0524 · 2009. Okt. 19. (H), 21.31
A td magassága Firefoxban megadható de az Explorer nem tudja kirakni. Tehát hiába adsz meg magasságot egy td-nek az Explorer figyelmen kívül hagyja :) Éppen ezért próbáld meg inkább div-ekkel megoldani a dolgot, azok tuti működnek minden böngészőben :)