IFRAME Zeilenumbruch!?

Pierre B. · 17.04.2008, 20:43

hallo,

ich hab mir folgende homepage angeschaut.. (wollte eigentlich hier link posten aber diese seite gibt es leider nicht mehr daher zip anhang) in dem zip befinden sich html und css dokumente von on-mouseover.de dort gibt es vorlagen an denem man als newbie recht gut rumprobieren kann.

meine frage wo ich jetzt überhaupt nicht drauf komme ist folgende..

bei der hp werden per iframe die dok´s reingeladen. wieso ist bei inline_inhalt.html eine art umbruch im text (also wenn ich das fenster kleiner schiebe wird auch der text kleiner bzw der umbruch) die datei inline_inhalt einfach rechts klick und edit with golive o.ä. und dann einfach mal das fenster verkleinern. ich seh kein code der dafür verantworlich sein kann.

denn wenn ich jetzt "link02.html" öffne und dort reinschreibe passiert das nciht. kopiere ich aber einen teil des textes schon wird (nur dieser kopierter text) in meinen rahmen eingepasst ohne mir unten eine scrollleiste aufzurufen.

wie geht sowas?

ich bin schon am verzweifen.. ich hab schon teile des codes gelöscht bis wirklich nur noch text da war.. ich verstehs einfach nicht bitte um auflösung sonst kann ich heut nacht nicht ruhig schlafen!

danke!!

Pierre B. · 20.04.2008, 22:25

Abend,

wollte mal nachfragen ob es schon jemand ausprobiert hat?

ich bin immer noch nicht drauf gekommen! :/

danke

Thomas · 20.04.2008, 22:29

ich verschiebe mal ins Webdesign-Brett, ist ja kein typisches GL-Problem

Rinaldo · 20.04.2008, 22:47

Versteh grad die Frage/das Problem nicht so richtig...

Das IFRAME behält doch immer seine Größe - also da ändert sich nichts an der Textgröße...

Und Zeilenumbrüche werden doch automatisch gemacht.

Z.B. die inline_inhalt.html: in diesem HTML-Dokument ist eine Hintergrundgrafik (in der passenden Größe des IFRAMEs) definiert und dann einfach Text in Absätzen eingefügt. Wenn Du diese Seite alleine öffnest, sieht es natürlich komplett anders aus wie in der Darstellung im IFRAME - stell Dir das IFRAME hier wie eine Art Schablone vor, die den überflüssigen Bereich versteckt. Zeilenumbrüche passen sich dann der Breite des IFRAMEs an.

In der link02.html kannst Du dann genau so normalen Text etc. einfügen und es wird im IFRAME genau so angezeigt wie die inline_inhalt.html.

Pierre B. · 21.04.2008, 14:59

denke das problem ist nur bei golive zu sehen.. bzw bei einem optischen editor!

wie mache ich es den das mein i-frame eine feste breite hat aber eine scrollbare höhe? also bsp. 450px breit und automatische höhe!?

danke für die hilfe!

grüße

Rinaldo · 21.04.2008, 15:30

Das IFRAME hat eine feste Höhe und eine feste Breite - angegeben in Pixel. Wenn Du in dem IFRAME als Quelle eine HTML-Dokument festlegst, das einen längeren Inhalt hat, als der darstellbare Bereich im IFRAME bekommst Du automatisch die Scrollbalken.

Eine automatische Höhe funktioniert nur über Umwege - hier mal ein Beispiel.

webcreate · 21.04.2008, 15:43

Ich weiß ja nicht wo er da über mir hin will

, aber hier mal nen Ansatz:

index.html

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>iFrame</title>
<script>
function anpassen()
{
  document.getElementsByName('iframe')[0].style.height = iframe.document.getElementById('inhalt').offsetHeight + 15 +'px';
}
</script>
</head>

<body>
<iframe id='iframe' name="iframe" frameborder ="0" width="730" style="height: 10px; margin:0; padding:0;" onLoad="anpassen()" src="content.html"></iframe>
</body>
</html>

content.html

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Content</title>
</head>

<body>
<div id="inhalt">
	Test<br />
	Zeile<br />
	Zeile<br />
	Zeile<br />
	Zeile<br />
	Zeile<br />
	Zeile
</div>
</body>
</html>

Pierre B. · 22.04.2008, 17:07

Hallo Mark,

danke dir für deinen vorschlag. aber wenn ich die html doc´s so zusammenbaue hab ich genau das was ich nicht will! ^^ eine untere scroll-leiste. wie bekomme ich es das ich unten keine angezeigt bekomme? bei deinem test hast du ja im prinzip nur eine reihe.. selbst bei meiner auflösung von 1600x .... hab ich eine scroll leiste obwohl das längeste wort nur "ZEILE" ist! :P

ich möchte das mein text in einer bestimmten breite bleibt. bsp. ich hab 500px und mein text wäre aber jetzt 1200 px somit schiebt er mir den text automatisch zusammen und ich hab halt dann mehrere zeilen aber keine scroll-leiste die nach links oder rechts geht!

sonder nur rauf und runter.

EDIT: bsp: http://on-mouseover.de/templates/hp34/index.html wenn mir jemand genau sagen kann welcher teil vom css hier verantwortlich ist hab ich wieder was dazu gelernt! ^^

danke

webcreate · 22.04.2008, 17:17

Ich weiß nun wirklich nicht mit welchem Browser Du arbeitest.
Aber der IE5.5 IE6 IE7 Opera Netscape Safari und Firefox machen unten keine Scrollbar.
Auch lange Texte werden automatisch umgebrochen, wie man am Lorem ipsum Text sehen kann, der im Code keinen Umbruch enthält.

Pierre B. · 22.04.2008, 17:22

ich hatte um 17:17 nochmals meinen thread überarbeitet evtl. kannst du dir das kurz anschauen? den link den ich eingefügt hatte..

ich arbeite mit dem IE jetzt keine uralt version und auch nix neues.. frag mcih nicht wie sowas zustande kommt? ich hab nur den quelltext von dir kopiert und ausporbiert!

webcreate · 22.04.2008, 17:26

Also ich kann Dir nun echt nicht mehr folgen ...
Nun mal ein paar Screenshots
1. Firefox
2. IE7
3. IE6
4. IE6 stark verkleinert

Pierre B. · 22.04.2008, 17:43

also ich meine wie beim 4ten screenshot. man sieht nie eine leiste unten. und die doks haben ja eine ausgelagerte css in dem alled definiert ist und ich würde gerne wissen welcher teil vom css dafür verantworltich ist!?

webcreate · 22.04.2008, 17:49

Nun verstehe ich Sich langsam ... das sollte also das Bsp sein.

Na wo ist da nun das Problem? Gib dem iFrame einen % Wert als Breite und gut ist. Wenn Du bei meinem Bsp statt 730 als Breite 60% (oder sonst was) eingibt, verhält es sich doch genau so.

Pierre B. · 22.04.2008, 17:55

ist mein IE kaputt?? ich hab ne tabelle gebastelt und in die tabelle ein iframe das die größe von der zeile mit 100% Höhe/breite hat.. und wenn ich aber ein html anzeigen lasse die nen langen text haben kommt bei mir immer ein scrollbalken für links und rechts..

liegt das an meinem browser?

webcreate · 22.04.2008, 18:02

So langsam bringst Du einen dahin, dass man die Lust verliert!!!

Könnte Dir auch mal die Idee kommen, dass nur Du da in einer Tabelle rumfummelst?
Woher sollte ich das wissen? Ist in meinem Bsp irgendwas zu sehen, was auch nur in die Nähe einer Tabelle kommt?
Also ich sehe da nix.
Der gesunde Menschenverstand lässt nun erahnen, dass es dann wohl an Deiner Tabelle liegt, denn auch diese kann eine sehr große Auswirkung auf das Design haben ... oh Wunder.

Lad Deine Datei wo hoch und wenn ich dann noch Lust habe, dann schaue ich da mal rein.

Echt zum Kot*** so macht helfen keinen Spaß!
Als muss man immer hellsehen, was der werte Herr User sich da so denkt und auf seinem Computer verzapft ...
Ich lass mich am Besten nach Stunden bezahlen, dann ist die erste Mio schnell beisammen