• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabelle mit eingebettetem IFrame

Status
Für weitere Antworten geschlossen.
G

Gawan

Neues Mitglied
Hallo zusammen,

ich hab ein kleines Problem.
Ich hab mir eine Tabellenstruktur gebaut und darin ein IFrame eingebettet, damit ich - jenachdem welchen Link ich klicke, in der Mitte der Tabelle ein anderer Fenster sehe ohne dass sich der Rahmen ändert:

Code: 
<body>
<table border=0 cellspacing=0 cellpadding=0 width="100%" height="50">
<tr bgcolor=#AABB567>
    <td style="background-image:url(haken.gif); background-repeat:no-repeat">
        OBERBERSCHRIFT 
    </td>
</tr>
</table>
    
        
<table border=0 cellspacing=0 cellpadding=0 width="100%" >
    
    <tr bgcolor=#A111567 >
        <td valign="TOP" width="100">
            <a href="ic.asp" target="BEISPIEL"><b>IC</b></a><br>
            <a href="info" target="BEISPIEL"><b>Prod</b></a><br>
            <a href="http://intranet/" target="BEISPIEL"><b>Intranet</b></a><br>
          <a href="ic.asp" target="BEISPIEL"><b>IC</b></a>
        </td>
        <td>
            <iframe src="start.asp"
                width="100%" height="100%" scrolling="yes" name="BEISPIEL">
            </iframe>
        </td>
    </tr>
</table>

</body>
Jetzt habe ich 2 Probleme:

Erstens: Wenn ich das IFrame mit high="100%" definiere verschwindet es und ich kann den Inhalt nicht mehr sehen. Wenn ich high="600" schreibe, sehe ich es - ich brauche aber eine flexible Höhe. Ist das überhaupt möglich ?

Zweitens: Die Tabelle soll genau auf eine Webseite passen. Das IFrame kann aber sehr viel größer sein. Beim Ausdrucken möchte ich den gesamten Inhalt des IFrames ausdrucken. Geht das irgendwie ? Im Moment wird nur die erste Seite inkl. Rahmen gedruckt und danach nichts mehr.

Danke im Voraus !!

Gawan
 
1.:
HTML: 
<style type="text/css">
body {
 height: 100%;
}
</style>

2.:
HTML: 
<style media="print" type="text/css">
// musst dem Iframe die id "Beispiel" geben
#Beispiel {
 overflow: visible;
}
</style>

Gruß, Eugen.
 
@3UGENE

Danke für die Code-Teile, aber leider bin ich zu unerfahren mit CSS bzw. hab ich zuwenig Übung damit um die Bruchstücke zu einem funktionierenden Gesamtkonzept zusammenbauen zu können :)
Ich bin aber gerne bereit für professionelle Hilfe beim Bau dieser Menüstruktur zu bezahlen - also wenn du Interesse hast ... melden :idea:

Danke
Gawan
 
HTML: 
<html>
<head>
<style type="text/css">
body {
 height: 100%;
}
</style>
<style media="print" type="text/css">
#Beispiel {
 overflow: visible;
}
</style>
</head>
<body>
<table border=0 cellspacing=0 cellpadding=0 width="100%" height="50">
<tr bgcolor=#AABB567>
    <td style="background-image:url(haken.gif); background-repeat:no-repeat">
        OBERBERSCHRIFT 
    </td>
</tr>
</table>
    
        
<table border=0 cellspacing=0 cellpadding=0 width="100%" >
    
    <tr bgcolor=#A111567 >
        <td valign="TOP" width="100">
            <a href="ic.asp" target="BEISPIEL"><b>IC</b></a><br>
            <a href="info" target="BEISPIEL"><b>Prod</b></a><br>
            <a href="http://intranet/" target="BEISPIEL"><b>Intranet</b></a><br>
          <a href="ic.asp" target="BEISPIEL"><b>IC</b></a>
        </td>
        <td>
            <iframe src="start.asp"
                width="100%" height="100%" scrolling="yes" name="BEISPIEL" id="Beispiel">
            </iframe>
        </td>
    </tr>
</table>
</body>
</html>

Gruß, Eugen.
 
Hallo 3UGENE,

ich hab dein Beispiel jetzt ausprobiert - dabei ist aber das IFRame immer genau so groß wie das TD-Feld links.
Das IFrame wollte aber eigentlich den ganzen zur Verfügung stehenden Platz einnehmen (width = height = 100%)

Gawan

Ich hab jetzt eine eigene Lösung mit Tabellen-Elementen und einem IFrame gebastelt die auch funktioniert !!!

Code: 
<html>
<head>
</head>
<body>

<table border=2 width = "100%" height="100%">
<tr height="100px">
    <td width="100px">AAA</td>
    <td>BBB</td>
    <td width="1px"></td>
</tr>
<tr>
    <td>DDD</td>
    <td>


        <iframe src="http://www.google.de" name="Bildframe" width="100%" height="100%" align="left"
            scrolling="no" marginheight="0" marginwidth="0" frameborder="0">

            
          </p>
        </iframe>

    </td>
    <td></td>
</tr>
<tr height="1px">
    <td></td>
    <td></td>
    <td></td>
</tr>
</table>

</body>
</html>

Nur mit dem Ausdrucken tu ich mir schwer - ich möchte ja eigentlich nur das IFrame ausdrucken - geht das irgendwie ? :):)

Gawan
 
Zuletzt bearbeitet von einem Moderator:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben