✔ Dynamische Inhalte an Seite anpassen

P

Philippmode

Grünschnabel
Hallo erstmal!

Also ich habe hier ein dickes Problem und bräuchte Hilfe, denn ich stecke hier in einem Praktikum und soll ein Portal erstellen, obwohl ich nicht gerade der HTML Freak bin. Hatte eben ein nicht so tolles Gespräch mit meinem Kollegen, der hat mich mal eben runtergezogen und Stress gemacht. Also wäre echt lieb wenn mir jemand nee Lösung zeigen könnte, denn habe schon viel gegoogelt und find einfach nichts.

Also ich habe eine Seite die 4 Frames beinhalten sollte.

1.Teil (ganz oben) = Drop Down Menu
2.Teil = flexibel änderbar
3.Teil = starr
4.Teil = flexibel änderbar

Wie ich oben schon erwähnt habe sollen 2 Teile starr und 2 Teile flexibel sein.
Durch anklicken eines Landes im Drop Down Menu sollte sich die jeweiligen flexibeln Seiten ändern. Habe dies auch schon mit ganz normalen Frameaufruf versucht aber dann habe ich immer einen Scrollbalken und gerade dies soll nicht so sein, denn es soll nur ein Scrollbalken für alle zusammen geben! Die Inhalte von 2.Teil bis 4 Teil sollten sich an die Größe der Inhalte anpassen. Habe es jetzt mit IFrames ausprobiert. Hier habe ich zwar keine Scrollbalken aber es wird entweder beim verwenden von height=100% ein weißer Balken unterhalb des Frames (somit soviel dargestellt) mit angezeigt oder bei height=* die Frames abgeschnitten! Wie bekomme ich es hin, dass sich die Frames sich an die Inhalte der Seiten anpassen und ich nur einen Scrollbalken vorhanden habe!

So hier mal mein Code!

Das 4 Frame Fenster
Code: 
<html>
<head>
<title>Sales Frame</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <meta name="author" content="Philipp Höfer">
   <meta name="generator" content="Microsoft Script Editior">
   <meta name="robots" content="nofollow, noindex">
</head>
   <iframe src="BIPORTAL_Sales_Links_Testnew.htm"  width=100% height=60 name="links" border="0" frameborder="0">
   <iframe src="http://www.yahoo.de"  scrolling="no" width=100% height=* name="oben" border="0" frameborder="0">
   <iframe src="http://www.google.de" scrolling="no" width=100% height=* name="mitte" border="0" frameborder="0">
   <iframe src="http://www.web.de" scrolling="no" width=100% height=* name="unten" border="0" frameborder="0">
</html>

Hier mein Dropdown Menu:
Code: 
<html>
<head>
<title>ZweiFrames - Verweise</title>
<script type="text/javascript">
function FrameAendern(land) {
if (land=="DE") {
  parent["oben"].location.href = "http://www.youtube.com";
  parent["unten"].location.href = "http://www.gmx.de";
}
else if (land=="AT") {
  parent["oben"].location.href = "http://www.gmx.de";
  parent["unten"].location.href = "http://www.youtube.com";
}
}
</script>
</head>
<body bgcolor="#FFFFFF" link="#FF0000" vlink="#FF0000" alink="#FF0000">

Hier mein Drop Down Menu
<form action="">
<select size=1 name="Auswahl" onChange="FrameAendern(this.form.Auswahl.options[this.form.Auswahl.selectedIndex].value)" padding=100% style="width:150px; background-color:red; font-size:10; font-weight:bold; font-family:Arial; Color:white;" width="150">
<option value="leer">Country select</option>
<option value="leer">=================</option>
<option value="DE">Deutschland</option>
<option value="AT">Österreich</option>
</form>
</BODY>
</HTML>

Hoffe auf Hilfe
 
Huhu!

Wenn ich die Größe garnicht angebe, dann ist es daselbe Problem wie mit der Angabe *!

Er zeigt mir halt nur einen Teil des Inhaltes der entsprechenden Seite an!

MFG
Phil
 
Also ich bin mir gerade nicht ganz sicher, aber ich glaube, dass das Thema "variable Höhe" sowieso ein Ding für sich ist. Habe damit auch immer Probleme und bisher alles durch Tabellen gelöst.

Also die Struktur wie es aufgebaut sein soll in einer Tabelle machen und dann an den entsprechenden Stellen das IFrame mit einer Höhe von 100% einfügen...

Gruß,
BigManu
 
Huhu!

Hmmm wie meinst du das?

So?

Code: 
<html>
<head>
<title>Sales Frame</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <meta name="author" content="Philipp Höfer">
   <meta name="generator" content="Microsoft Script Editior">
   <meta name="robots" content="nofollow, noindex">
</head>
<body>
<table>
<tr>
   <iframe src="BIPORTAL_Sales_Links_Testnew.htm"   height=60 width=100% name="links" border="0" frameborder="0">
   </tr>
   <tr>
   <iframe src="http://www.yahoo.de"  scrolling="no"  height=100% width=100% name="oben" border="0" frameborder="0">
   </tr>
   <tr>
   <iframe src="http://www.google.de" scrolling="no" height=auto width=100% name="mitte" border="0" frameborder="0">
   </tr>
   <tr>
   <iframe src="http://www.web.de" scrolling="no" width=100% name="unten" border="0" frameborder="0">
   </tr>
</body>
</html>

Dann wird aber garnichts mehr angezeigt!

MFG
Phil
 
Hi,

jede Tabelle braucht natürlich auch ein <td>-Tag und muss mit einem </table>-Tag beendet werden.

HTML: 
<html>
<head>
<title>Sales Frame</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <meta name="author" content="Philipp Höfer">
   <meta name="generator" content="Microsoft Script Editior">
   <meta name="robots" content="nofollow, noindex">
</head>
<body>
<table>
   <tr>
   <td>
   <iframe src="BIPORTAL_Sales_Links_Testnew.htm"   height=60 width=100% name="links" border="0" frameborder="0">
   </td>
   </tr>
   <tr>
   <td>
   <iframe src="http://www.yahoo.de"  scrolling="no"  height=100% width=100% name="oben" border="0" frameborder="0">
   </td>
   </tr>
   <tr>
   <td>
   <iframe src="http://www.google.de" scrolling="no" height=auto width=100% name="mitte" border="0" frameborder="0">
   </td>
   </tr>
   <tr>
   <td>
   <iframe src="http://www.web.de" scrolling="no" width=100% name="unten" border="0" frameborder="0">
   </td>
   </tr>
</table>
</body>
</html>
 
Hi!

Erstmal vielen Dank!

Ist das so richtig?

Code: 
<html>
<head>
<title>Sales Frame</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <meta name="author" content="Philipp Höfer">
   <meta name="generator" content="Microsoft Script Editior">
   <meta name="robots" content="nofollow, noindex">
</head>
<body>
<table>
<tr>
<td>
   <iframe src="BIPORTAL_Sales_Links_Testnew.htm"   height=60 width=100% name="links" border="0" frameborder="0">
   </td>
   </tr>
   <tr>
   <td>
   <iframe src="http://www.yahoo.de"  overflow=visible  height=100% width=100% name="oben" border="0" frameborder="0">
    </td>
   </tr>
   <tr>
   <td>
   <iframe src="http://www.google.de" overflow= visible height=100% width=100% name="mitte" border="0" frameborder="0">
    </td>
   </tr>
   <tr>
   <td>
   <iframe src="http://www.web.de" overflow=visible height=100% width=100% name="unten" border="0" frameborder="0">
    </td>
   </tr>
   </table>
</body>
</html>

Weil geändert hat sich jetzt nichts! Ist immernoch alles in kleine Boxen geqwetcht!

MFG
Phil
 
Zuletzt bearbeitet:
Naja... du musst den <td>-Tags jetzt schon noch mit width und height entsprechende, meinetwegen prozentuale Größen angeben. Dazu kannst du die Tabelle auch noch etwas mehr spezifizieren.
Spiel mit dem jetzigen Aufbau einfach mal ein wenig rum, ich denke du solltest auf diesem Wege zur richtigen Lösung kommen.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück