Hello!
Seit längerem schlag ich mich schon mit folgendem Problem herum:
Das Design für meine HP hab ich in Photoshop gemacht und dann in Slices unterteilt.
D.h. ich hab die Buttons und eine Haupttabelle in dem ich meine Inhalte anzeigen lasse. In der Haupttabelle ist ein iframe integriert mit der ID=iframe. Durch ein Javascript welches die ID liest lass ich mir dann die URLS von den Buttons auslesen und in dem iframe anzeigen.
Mein Problem ist nun, dass ich z.B.: ein Newsscript habe und mir in dem iframe anzeigen lasse. Leider hat diese Tabelle bzw der integrierte iframe eine fixe größe. Ich hätte aber gerne, dass sich die größe dynamisch anpasst eben z.B.: an die Einträge in dem Newsscript. Mit anderen Worten ... das Design soll nach unten hin größer werden!
Hier ist mal der Codeausschnitt:
Hoffe dass mir da wer weiterhelfen kann!
Mfg
selord
Seit längerem schlag ich mich schon mit folgendem Problem herum:
Das Design für meine HP hab ich in Photoshop gemacht und dann in Slices unterteilt.
D.h. ich hab die Buttons und eine Haupttabelle in dem ich meine Inhalte anzeigen lasse. In der Haupttabelle ist ein iframe integriert mit der ID=iframe. Durch ein Javascript welches die ID liest lass ich mir dann die URLS von den Buttons auslesen und in dem iframe anzeigen.
Mein Problem ist nun, dass ich z.B.: ein Newsscript habe und mir in dem iframe anzeigen lasse. Leider hat diese Tabelle bzw der integrierte iframe eine fixe größe. Ich hätte aber gerne, dass sich die größe dynamisch anpasst eben z.B.: an die Einträge in dem Newsscript. Mit anderen Worten ... das Design soll nach unten hin größer werden!
Hier ist mal der Codeausschnitt:
Code:
...
function change(url)
{
document.getElementById('iframe').src=url;
}
</script>
...
<td> <a href="javascript:change('/cutenews/show_news.php');"><img src="Bilder/weblayout_03.gif" alt="" width="88" height="41" border="0"></a></td>
<td> <a href="javascript:change('/gallery2/main.php');"><img src="Bilder/weblayout_04.gif" alt="" width="94" height="41" border="0"></a></td>
<td> <a href="javascript:change('/dancing.html');"><img src="Bilder/weblayout_05.gif" alt="" width="100" height="41" border="0"></a></td>
<td> <a href="javascript:change('/work.html');"><img src="Bilder/weblayout_06.gif" alt="" width="90" height="41" border="0"></a></td>
...
<td rowspan="2" background="Bilder/weblayout_10.gif" width="9" height="489" alt=""></td>
<td colspan="6" background="Bilder/weblayout_11.gif" width="787" height="443" alt="" valign="top"><iframe scrolling="auto" id="[B]iframe[/B]" marginheight="0" marginwidth="0" frameborder="0" src="/cutenews/show_news.php" width="100%" height="100%" style="border-width:0px 0px;"></iframe></td>
<td rowspan="2" background="Bilder/weblayout_12.gif" width="14" height="489" alt=""></td>
...
Hoffe dass mir da wer weiterhelfen kann!
Mfg
selord