Tweet
Hallo,
ich habe seit ein paar Tagen ein "simples" Problem mit der fixierung einer Zelle. Mit FF, Opera und Mozilla funktioniert zwar alles, ABER der IE will nicht. Leider ist der IE ja noch(...) am weitesten verbreitet.
Das Problem:
Wenn ich in der Zelle für die Navigation (1Spalte oben) einen Link anklicke und der Text im Mainbody länger ist als die Höhe der Navi, dann kachelt er das Hintergrundbild der Navi und verändert die Zell-Höhe. Genau das soll er ja aber nicht.
Die Nav soll in ihrer Höhe fest bleiben. Die Zelle unter der Nav soll aber Ihre Größe automatisch dem Browserfenster mit anpassen das Bild kacheln.gif nach unten Kacheln. DAS funktioniert wiederum, allerdings nur dann, wenn der Text im Mainbody KLEINER ist als die Zelle für die Navigation.
Weiß jemand Rat? Bei Google und den Suchfunktionen bin ich nicht weitergekommen. Bleibt mir als Alternative nur eine Browserweiche?
Danke Euch schon mal.
Die Tabelle:
Die CSS:
ich habe seit ein paar Tagen ein "simples" Problem mit der fixierung einer Zelle. Mit FF, Opera und Mozilla funktioniert zwar alles, ABER der IE will nicht. Leider ist der IE ja noch(...) am weitesten verbreitet.
Das Problem:
Wenn ich in der Zelle für die Navigation (1Spalte oben) einen Link anklicke und der Text im Mainbody länger ist als die Höhe der Navi, dann kachelt er das Hintergrundbild der Navi und verändert die Zell-Höhe. Genau das soll er ja aber nicht.
Die Nav soll in ihrer Höhe fest bleiben. Die Zelle unter der Nav soll aber Ihre Größe automatisch dem Browserfenster mit anpassen das Bild kacheln.gif nach unten Kacheln. DAS funktioniert wiederum, allerdings nur dann, wenn der Text im Mainbody KLEINER ist als die Zelle für die Navigation.
Weiß jemand Rat? Bei Google und den Suchfunktionen bin ich nicht weitergekommen. Bleibt mir als Alternative nur eine Browserweiche?
Danke Euch schon mal.
Die Tabelle:
Code:
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="199" height="516" valign="top" class="test" >
<?php mosLoadModules ( 'left' ); ?>
</td>
<td rowspan="2" height="516" valign="top"><span class="pathway">
<?php include ("mainbody.php"); ?>
</span> </td>
</tr>
<tr>
<td width="199" height="*" class="testkacheln"> </td>
</tr>
</table>
Code:
<style type="text/css">
<!--
.test {
background-image: url(templates/test/images/nav.gif);
background-repeat: no-repeat;
background-position: left top;
border-width: 199px;
border-height: 516px;
}
-->
</style>
<style type="text/css">
<!--
.testkacheln {
background-image: url(templates/test/images/kacheln.gif);
background-repeat: repeat-y;
background-position: left left;
}
-->
</style>
Kommentar