nicht angemeldet
negativ margin im iframe
0 0 0 0 0 0 0 
Der Martin
0
0 Der Martin
negativ margin im iframe
tach,
ich hab mittlerweile herausgefunden daß es mit html nicht möglich ist einen negativen margin für ein iframe zu definieren. Allerdings soll das angeblich mit CSS sehr wohl funktionieren. Hab auch bereits jede Menge Kommandos ausprobiert jedoch funktionieren auch diese entweder nur im positiven Bereich oder verschieben nicht nur den Inhalt meines iframes in den negativen Bereich sondern gleich die komplette Seite.
Fallen euch noch Lösungen ein dieses Problem zu bewältigen?
hier der Link zu einer der Seiten um die es geht. Was ich erreichen möchte ist die horizontale Linkleiste, beginnend mit "yearly Stats" verschwinden zu lassen. Die einzige Möglichkeit die mir einfiel war den iframe Inhalt soweit nach oben zu verschieben (-100 Pixel) daß diese nicht mehr angezeigt wird. Lasse ich die gesamte Seite um 100 Pixel nach oben verschieben erreiche ich natürlich genau das, allerdings möchte ich über dem iframe eine Tabelle einfügen in der der Titel "Washington Wizards" wiederholt wird sodaß dieser sichtbar "bleibt" und nur innerhalb des iframes ein negativer top-margin von "-100px" erzeugt wird.
Wäre auch schon froh über ein "nein, geht nicht", dann muß ich nicht mehr länger nach einer Lösung suchen.
(einfach die Seite die in das iframe eingebunden ist um 100 Pixel nach oben zu verschieben ist keine Option da diese jeden Tag (insgesamt 29 solcher Seiten) automatisch neu generiert wird und nicht jedesmal geändert werden kann)
<html>
<head>
<title>Washington Wizards</title>
<style>
<!--
.right2 { text-align: center; font-size: 8pt }
.style7 {font-size: 12px; font-weight: bold; color: #FFFFFF; }
a:link {
color: #000000;
}
.style10 {font-family: "Times New Roman", Times, serif}
.style12 {font-size: 12px}
.style14 {font-family: "Times New Roman", Times, serif; font-size: 12px; }
a:visited {
color: #000000;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body background="" bgcolor=#CFCFCF text=#0F0F0F>
<table border="0" width="100%">
<tr>
<td width="100%" colspan="3">
</td>
</tr>
<tr>
<td height="213" align="right"> </td>
<td align="center"><table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="120" height="211"><table width="82" border="0" cellpadding="0">
<tr>
<td width="82" bgcolor="#3F3F3F"><div align="center"><span class="style7"><u>Team-Box</u></span></div></td>
</tr>
<tr>
<td><a href="http://www.b-five.net/simleague/rosters/roster7.htm" target="_parent"><img src="http://l.yimg.com/a/i/us/sp/v/nba/teams/20080123/80x60/was.gif" alt="" width="80" height="60" border="0"></a></td>
</tr>
<tr>
<td class=""><div align="left" class="style14"><a href="http://forum.b-five.net/private.php?action=send&uid=11" target="_blank">GM-Contact</a></div></td>
</tr>
<tr>
<td bgcolor="#BFBFBF" class="">
<div align="left"><a href="http://forum.b-five.net/tradeblock_manager/" target="_blank" class="style14">Tradeblock</a> </div> </td>
</tr>
<tr>
<td class="style14"><div align="left"><a href="http://www.b-five.net/simleague/rosters/roster7hist.html" target="_blank">Team-History</a></div></td>
</tr>
<tr>
<td bgcolor="#BFBFBF" class="style14"><div align="left"><a href="http://www.b-five.net/simleague/rosters/roster7sched.html" target="_blank">Team Schedules </a></div></td>
</tr>
<tr>
<td class="style14"><div align="left"><a href="http://www.b-five.net/simleague/tmstats/offense/team.htm" target="_blank">Team Statistics </a></div></td>
</tr>
<tr>
<td bgcolor="#BFBFBF" class="style14"><div align="left"><a href="http://www.b-five.net/simleague/playstand.htm" target="_blank">Standings</a></div></td>
</tr>
<tr>
<td class="style14"><div align="left"><a href="http://nna.nn.ohost.de/powerranking/rating.htm" target="_blank">Powerranking</a></div></td>
</tr>
<tr>
<td bgcolor="#BFBFBF" class="style14"><div align="left"><a href="http://www.b-five.net/simleague/fa/fa-pos.htm" target="_blank">Free Agents </a></div></td>
</tr>
<tr>
<td class="style14"><div align="left"><a href="http://forum.b-five.net/index.php" target="_blank">Forum</a></div></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
<td width="770"><iframe name="I1" width="900" height="2000" src="roster7.html" scrolling="no" border="0" frameborder="0" align="middle"> Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></td>
</tr>
</table></td>
<td> </td>
</tr>
<tr>
<td align="center" colspan="3">
</td>
</tr>
</table>
<hr width=1000 align=center>
</body>
</html>
-
Hi,
Was ich erreichen möchte ist die horizontale Linkleiste, beginnend mit "yearly Stats" verschwinden zu lassen.
Dann formatiere sie mit display:none, wenn sie komplett "verschwinden" soll; oder positioniere sie absolut ausserhalb des sichtbaren Bereiches (negative top- und left-Werte), wenn sie für Benutzer von Screenreadern o.ä. noch erreichbar bleiben soll.
MfG ChrisB
--
Light travels faster than sound - that's why most people appear bright until you hear them speak.-
Danke erstmal für den ersten Hilfeversuch.
Dann formatiere sie mit display:none, wenn sie komplett "verschwinden" soll»» Der Content in den jeweiligen iframes wird jeden Tag aufs neue automatisch erstellt, ohne daß ich Zugriff auf den automatisch erstellten Code habe. Ich kann nicht jeden Tag alle 29 Files ändern. Das wäre den Aufwand zumindest nicht wert. Was ich aber sehr wohl ändern kann sind die statischen Seiten die das iframe beinhalten.
Ich will den Effekt den "margin-top: -100px;" für eine komplette Seite erzeugt nur für den iframe Content erzielen.
oder positioniere sie absolut ausserhalb des sichtbaren Bereiches (negative top- und left-Werte), wenn sie für Benutzer von Screenreadern o.ä. noch erreichbar bleiben soll.»»
das hab ich bereits versucht. Nachdem es mir aber nicht möglich war den IFRAME-CONTENT (und nur den iframe-Content) um 100pixel nach oben zu verschieben (-100pixel) hab ich mich an euch gewand. Die komlette Seite nach oben zu verschieben bietet keine Lösung, da ich dann ja auch keine zusätzliche Tabelle über dem iframe anzeigen lassen kann in der der Titel "Washington Wizards" wieder eingefügt wird.(Ziel ist das Verschwinden der horizontalen Linkleiste -> Seite nach oben verschieben bis Linkleiste plus leider auch der Titel aus dem sichtbaren Bereich verschwindet -> Wiedereinfügen des Titels mithilfe einer Zeile über dem iframe-Content)
-
Hi,
Ich will den Effekt den "margin-top: -100px;" für eine komplette Seite erzeugt nur für den iframe Content erzielen.
Die Anwendung von CSS-Eigenschaft erzielt ihren Effekt für das/die Elemente, auf die du sie anwendest.
oder positioniere sie absolut ausserhalb des sichtbaren Bereiches (negative top- und left-Werte), wenn sie für Benutzer von Screenreadern o.ä. noch erreichbar bleiben soll.
das hab ich bereits versucht. Nachdem es mir aber nicht möglich war den IFRAME-CONTENT (und nur den iframe-Content) um 100pixel nach oben zu verschieben (-100pixel) hab ich mich an euch gewand.*Warum* willst du denn unbedingt den Iframe-Inhalt "verschieben"?
(Ziel ist das Verschwinden der horizontalen Linkleiste -> Seite nach oben verschieben bis Linkleiste plus leider auch der Titel aus dem sichtbaren Bereich verschwindet -> Wiedereinfügen des Titels mithilfe einer Zeile über dem iframe-Content)
Ist doch Unfug ...
Blende nur das aus, was du nicht sehen willst, und fertig.MfG ChrisB
--
Light travels faster than sound - that's why most people appear bright until you hear them speak.-
Ich befürchte ich werde wieder daran scheitern Zitate entsprechend zu markieren aber ich versuch mich erneut daran:
»»"Die Anwendung von CSS-Eigenschaft erzielt ihren Effekt für das/die Elemente, auf die du sie anwendest."
dann mache ich offensichtlich in der Definierung der zu ändernden Elemente etwas falsch. Hab nun den CSS Code zu meinem iframe ("example") eingefügt und unten angehängt.
Die Tabelle über dem iframe mit dem Titel "Boston Celtics1" soll dabei an ihrem ursprünglichen Platz bleiben, dafür soll der iframe Inhalt bis inklusive der horizontalen Linkleiste (beginnend mit yearly stats) "darunter verschwinden". Tut es bislang nicht, da mit meinem margin-top:-100px die komplette Seite, inklusive der Tabelle mit dem "Boston Celtics1" Inhalt nach oben verschoben wird.»»"Ist doch Unfug ...
Blende nur das aus, was du nicht sehen willst, und fertig."wie gesagt, ich kann/mag nicht auf die Seiten die im iframe angezeigt werden zugreifen. Ich hab nur Kontrolle über die Seite die das iframe-Fenster beinhaltet. Und über diese Seite muß ich die Positionierung des iframe-Contents steuern. Mit display:none kann ich dadurch maximal das komplette iframe ausblenden.
Code:
<html> <head> <title></title> <style type="text/css"> <!-- .right2 { text-align: center; font-size: 8pt } .style7 {font-size: 12px; font-weight: bold; color: #FFFFFF; } a:link { color: #000000; } .style10 { font-family: "Times New Roman", Times, serif; font-size: 24px; font-weight: bold; } .style14 {font-family: "Times New Roman", Times, serif; font-size: 12px; } a:visited { color: #000000; } --> #example { width: 100%; } #example iframe { width: 900px; height: 2000px; float: center; border: none; margin-top: -100px; } </style> </head> <body background="" bgcolor=#CFCFCF text=#0F0F0F> <table width="900" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><div align="center"><span class="style10">Boston Celtics1 </span></div></td> </tr> </table> <table border="0" width="100%" align="center"> <tr> <td width="219" height="213" align="right"> </td> <td width="84" height="211"><table width="82" border="0" cellpadding="0"> <tr> <td width="82" bgcolor="#3F3F3F"><div align="center"><span class="style7"><u>Team-Box</u></span></div></td> </tr> <tr> <td><a href="http://www.b-five.net/simleague/rosters/roster1.htm" target="_parent"><img src="http://l.yimg.com/a/i/us/sp/v/nba/teams/20080123/80x60/bos.gif" alt="" width="80" height="60" border="0"></a></td> </tr> <tr> <td><div align="left"><a href="http://forum.b-five.net/private.php?action=send&uid=42" target="_blank" class="style14">GM-Contact</a></div></td> </tr> <tr> <td bgcolor="#BFBFBF" class=""> <div align="left"><a href="http://forum.b-five.net/tradeblock_manager/" target="_blank" class="style14">Tradeblock</a> </div> </td> </tr> <tr> <td class="style14"><div align="left"><a href="http://www.b-five.net/simleague/rosters/roster1hist.html" target="_blank">Team-History</a></div></td> </tr> <tr> <td bgcolor="#BFBFBF" class="style14"><div align="left"><a href="http://www.b-five.net/simleague/rosters/roster1sched.html" target="_blank">Team Schedules </a></div></td> </tr> <tr> <td class="style14"><div align="left"><a href="http://www.b-five.net/simleague/tmstats/offense/team.htm" target="_blank">Team Statistics </a></div></td> </tr> <tr> <td bgcolor="#BFBFBF" class="style14"><div align="left"><a href="http://www.b-five.net/simleague/playstand.htm" target="_blank">Standings</a></div></td> </tr> <tr> <td class="style14"><div align="left"><a href="http://nna.nn.ohost.de/powerranking/rating.htm" target="_blank">Powerranking</a></div></td> </tr> <tr> <td bgcolor="#BFBFBF" class="style14"><div align="left"><a href="http://www.b-five.net/simleague/fa/fa-pos.htm" target="_parent">Free Agents </a></div></td> </tr> <tr> <td class="style14"><div align="left"><a href="http://forum.b-five.net/index.php" target="_blank">Forum</a></div></td> </tr> <tr> <td height="1600" class="style14"> </td> </tr> </table></td> <td width="1074"><div id="example"> <iframe src="roster1.html">Alternate content</iframe></div> </td> </table></td> </tr> </table> <hr width=1000 align=center> </body> </html>-
Hi,
wie gesagt, ich kann/mag nicht auf die Seiten die im iframe angezeigt werden zugreifen.
Wo gesagt?
Und was jetzt, *kannst* du nicht, oder willst du nur nicht ...?Die Tabelle über dem iframe mit dem Titel "Boston Celtics1"
Die Celtics also, die in der von dir genannten Beispielseite "Washington Wizards" heissen?
soll dabei an ihrem ursprünglichen Platz bleiben, dafür soll der iframe Inhalt bis inklusive der horizontalen Linkleiste (beginnend mit yearly stats) "darunter verschwinden".
Dieser Tabelleninhalt ist Teil des Dokumentes *im* Iframe.
Wenn du also dieses Dokument verschiebst, verschiebst du auch diesen Teil mit.Tut es bislang nicht, da mit meinem margin-top:-100px die komplette Seite, inklusive der Tabelle mit dem "Boston Celtics1" Inhalt nach oben verschoben wird.
Ist doch auch logisch.
Wenn du den ganzen Wohnwagen umparkst, kannst du nicht erwarten, dass der darin vorhandene Tisch an seinem Platz in Bezug auf den Parkplatz stehen bleibt - seine Position ist nun mal an den Wohnwagen gebunden.Ich hab nur Kontrolle über die Seite die das iframe-Fenster beinhaltet. Und über diese Seite muß ich die Positionierung des iframe-Contents steuern.
Das kannst du dann nicht - du musst alle Inhalte so nehmen, wie sie sind.
Dann bleibt dir höchstens, die Überschrift selber in *deinem* Dokument zu platzieren - und dann den Iframe "darunter" zu schieben.
Und such das bleibt problematisch, weil du Verhältnisse wie die Schriftgrösse kaum kennst, und somit nicht genau wissen kannst, wie viel Platz der Inhalt, den du verdecken möchtest, letztendlich genau beansprucht.MfG ChrisB
--
Light travels faster than sound - that's why most people appear bright until you hear them speak.-
Ihr seid sehr geduldig mit mir. Kann mich nicht genug dafür bedanken.
Wo gesagt?
der letzte Satz in meinem Eröffnungs-Post. Später nochmal, allerdings kaum lesbar, weil ich die Zitierfunktion (bis dahin noch nicht?) durchschaut hatte..
Und was jetzt, *kannst* du nicht, oder willst du nur nicht ..?
Ich *könnte* natürlich schon, der Aufwand ist es allerdings nicht wert es jeden Tag aufs Neue zu machen, weshalb ich es nicht machen *möchte*.
Die Celtics also, die in der von dir genannten Beispielseite "Washington »»Wizards" heissen?
Im zweiten geposteten Code lautet der Titel nicht mehr "Washington Wizards" sondern "Boston Celtics1". Macht aber natürlich keinen Unterschied.
Dieser Tabelleninhalt ist Teil des Dokumentes *im* Iframe.
Wenn du also dieses Dokument verschiebst, verschiebst du auch diesen »»Teil mit.nicht ganz richtig da die Tabelle mit dem Titel "Boston Celtics1" ÜBER dem iframe platziert ist und nicht Teil davon ist. (hier mit einem positiven 100pixel iframe margin-top zu sehen, der allerdings das ganze Frame verschiebt und nicht nur dessen Inhalt)
Dann bleibt dir höchstens, die Überschrift selber in *deinem* Dokument »»zu platzieren - und dann den Iframe "darunter" zu schieben.
siehe zwei Zeilen weiter oben.
Und such das bleibt problematisch, weil du Verhältnisse wie die »»Schriftgrösse kaum kennst, und somit nicht genau wissen kannst, wie viel »»Platz der Inhalt, den du verdecken möchtest, letztendlich genau »»beansprucht.
wüßte diese Dinge. Es sind tatsächlich konstant exakt 100 Pixel.
»»Das Dokument im iframe und das übergeordnete Dokument haben keinen »»technischen Bezug zeinander. Wenn du *innerhalb* des iframes einen »»bestimmten Effekt erzielen möchtest, ist jegliche Modifikation am Code »»des Hauptdokuments (HTML, CSS) der falsche Weg.
genau das war die Frage, ob dies möglich ist. So wie es möglich ist einer Tabelle zu sagen ihr Inhalt soll mit einem x-beliebigen Abstand zum Rand angezeigt werden, hätte ich das gerne für mein iframe gehabt. Klappt ja auch mit einem positiven Wert (fast) einwandfrei, jedoch scheiterte ich daran beim Versuch gegenteiliges mit einem negativen Wert zu erreichen.»»Du wirst es nicht schaffen, das Foto im Passepartout zu justieren, wenn »»du nur den Rahmen anfassen darfst.
weil mir der Vergleich gefällt bleib ich gleich dabei: ich wollte den Rahmen anfassen und so auf das Bild legen daß dieses, für den Betrachter unsichtbar, über den Rahmen (nämlich 100 Pixel) hinausragt.
Für eine komplette html-Seite ist das ja kein Problem "über das Browserfenster hinauszuragen". Ich hätte selbiges gerne für mein iframe gehabt, das in diesem Vergleich die Rolle des Browserfensters einnimmt dessen Inhalt nun mal ein wenig nach oben verschoben, (also nur zum Teil) angezeigt wird.-
Hi,
»» Du wirst es nicht schaffen, das Foto im Passepartout zu justieren, wenn du nur den Rahmen anfassen darfst.
weil mir der Vergleich gefällt bleib ich gleich dabei: ich wollte den Rahmen anfassen und so auf das Bild legen daß dieses, für den Betrachter unsichtbar, über den Rahmen (nämlich 100 Pixel) hinausragt.das Dumme dabei ist nur, dass das Bild mit dem Rahmen mitrutscht ...
Für eine komplette html-Seite ist das ja kein Problem "über das Browserfenster hinauszuragen". Ich hätte selbiges gerne für mein iframe gehabt, das in diesem Vergleich die Rolle des Browserfensters einnimmt dessen Inhalt nun mal ein wenig nach oben verschoben, (also nur zum Teil) angezeigt wird.
Dann mach es für das Dokument im iframe genauso, wie für eine "komplette" Seite: Gib dem body oder einem all-umfassenden Containerelement den negativen margin. Und zwar in dem Dokument, das im iframe angezeigt wird. Der Außenrahmen des iframes entspricht exakt dem Browser-Fensterrahmen im übergeordneten Dokument, mit allen Wenns und Abers.
Ciao,
Martin--
Eine Neandertaler-Sippe sitzt in ihrer kalten Höhle. Seufzt der Stammesälteste: "Hoffentlich erfindet bald jemand das Feuer!" -
Hi,
Ich *könnte* natürlich schon, der Aufwand ist es allerdings nicht wert es jeden Tag aufs Neue zu machen, weshalb ich es nicht machen *möchte*.
Wer oder was generiert denn diese Dokumente, die im Iframe angezeigt werden sollen, automatisch?
Hast du da keine Möglichkeit, schon in diesem Schritt eine Anpassung vorzunehmen, so dass das, was du nicht sehen möchtest, auch gar nicht mehr generiert wird?MfG ChrisB
--
Light travels faster than sound - that's why most people appear bright until you hear them speak.-
Wer oder was generiert denn diese Dokumente, die im Iframe angezeigt werden sollen, automatisch?
Hast du da keine Möglichkeit, schon in diesem Schritt eine Anpassung vorzunehmen, so dass das, was du nicht sehen möchtest, auch gar nicht mehr generiert wird?Dann mach es für das Dokument im iframe genauso, wie für eine "komplette" »» Seite: Gib dem body oder einem all-umfassenden Containerelement den
negativen margin. Und zwar in dem Dokument, das im iframe angezeigt wird. »» Der Außenrahmen des iframes entspricht exakt dem Browser-Fensterrahmen im »» übergeordneten Dokument, mit allen Wenns und Abers.diese Seiten werden von einem Programm automatisch generiert. Was dieses Programm ausspuckt, wenn es html-Seiten ausspuckt, kann ich nicht
beeinflußen.aber jetzt die große Erleichterung für euch: ich habs geschafft und ihr habt eure Ruhe. Wenn man, so wie ich keine Ahnung von der Materie hat, muß man improvisieren: Ich hab einfach noch eine Seite mit einem iframe darüber gelegt und in diese die Tabelle mit dem Titel "Boston Celtics" eingefügt. Dadurch verschwindet diese von mir verhaßte horizontale Linkleiste unter dem Header.
Damit ihr nun wißt wie ich mir das die ganze Zeit vorgestellt hab, hier der Link zum Ergebnis.Danke für eure Bemühungen und eure Geduld mit meinen Zitier-Schwierigkeiten. (Vielleicht klappt es ja nun wenigstens in meinem Abschlußpost...)
-
-
-
-
Hallo,
Ich befürchte ich werde wieder daran scheitern Zitate entsprechend zu markieren aber ich versuch mich erneut daran:
wozu? Lass sie einfach so, wie sie sind!
»» Die Anwendung von CSS-Eigenschaft erzielt ihren Effekt für das/die Elemente, auf die du sie anwendest.
Anführungszeichen hineinzufriemeln, ist unnötig. Die von der Forensoftware automatisch gesetzten Zitatzeichen am Absatzanfang sind völlig ausreichend.
dann mache ich offensichtlich in der Definierung der zu ändernden Elemente etwas falsch. Hab nun den CSS Code zu meinem iframe ("example") eingefügt und unten angehängt.
Die Tabelle über dem iframe mit dem Titel "Boston Celtics1" soll dabei an ihrem ursprünglichen Platz bleiben, dafür soll der iframe Inhalt bis inklusive der horizontalen Linkleiste (beginnend mit yearly stats) "darunter verschwinden".Das Dokument im iframe und das übergeordnete Dokument haben keinen technischen Bezug zeinander. Wenn du *innerhalb* des iframes einen bestimmten Effekt erzielen möchtest, ist jegliche Modifikation am Code des Hauptdokuments (HTML, CSS) der falsche Weg.
Tut es bislang nicht, da mit meinem margin-top:-100px die komplette Seite, inklusive der Tabelle mit dem "Boston Celtics1" Inhalt nach oben verschoben wird.
Für welches Element definierst du diesen negativen margin? Für das iframe-Element im Hauptdokument? Das verschiebt den gesamten Rahmen nach oben, ändert aber nichts am Inhalt, der innerhalb dieses Rahmens angezeigt wird.
»» Ist doch Unfug ...
»» Blende nur das aus, was du nicht sehen willst, und fertig.
wie gesagt, ich kann/mag nicht auf die Seiten die im iframe angezeigt werden zugreifen.Jetzt kommen wir zum Knackpunkt!
Ich hab nur Kontrolle über die Seite die das iframe-Fenster beinhaltet. Und über diese Seite muß ich die Positionierung des iframe-Contents steuern.
Das geht aber nicht. Wie ich oben schon sagte: Das sind getrennte HTML-Dokumente. Du wirst es nicht schaffen, das Foto im Passepartout zu justieren, wenn du nur den Rahmen anfassen darfst.
So long,
Martin--
Computer funktionieren grundsätzlich nicht richtig.
Wenn doch, hast du etwas falsch gemacht.
-
-
-
-