iframe und Mozillaproblem

[violence.soccer]

Hallo an alle Helfenden :-)

Ich bins wieder mit meinem Profekt "Tischfussball"

Hab eine Vorlage bearbeitet mit DW8 und bin soweit fertig...

Problem 1 ist; alle iframes (phorum, Gästebuch, Gallerie...usw) werden mit Scrollbalken angezeigt?!? D.h. nicht in der grösse wie es aussehen sollte.

Problem 2 ist, die Ansicht im Mozilla Firefox geht gar nicht?!?

Homepage: http://tischfussballkreisliga.de/neu/index.html

Forum: http://tischfussballkreisliga.de/neu/diskussion.html

Gästebuch: http://tischfussballkreisliga.de/neu/gaestebuch.html

Gallerie: http://tischfussballkreisliga.de/neu/bilder.html

Wer kann mir da auf die Sprünge helfen?!?

Benutze Windows Vista / IE7 / Mozilla Firefox 3.0.10

ps: bin noch neu in diesem Geschäft und würde mich über hilfe freuen.

Gruß Igor

[jayjay]

setz die höhe und breite der iframes in px fest, schau was passiert.

[violence.soccer]

Hallo jayjay

vielen dank für den tip, hat gut geklappt.
Jetzt bin ich soweit fertig, nun hab ich aber ein anderes Problem...
Diese Seite z.B. : http://tischfussballkreisliga.de/neu/index.htmlsieht im IE7 gut aus, aber im Firefox kann ich nicht nach unten scrollen?!?

Das ist bestimmt nur eine Kleinigkeit, aber ich finde sie nicht.

Ausserdem ist der Homepageinhalt so positioniert wie ich das will, aber wenn ich das Fenster manuell verkleinere, bleibt der Inhalt stehen. Wie eine Fixierung. Was gibt es da für möglichkeiten? Ich will das der Inhalt richtung linken Rand wandert...

Bitte um Hilfe, Danke Igor

[jayjay]

beim ie8 lässt sich die auch nicht scrollen.
css - body height:100%, wie du es verwendest, das würde ich mir überdenken.

das grob zentrierte in der horizontalen - ist das absicht?

[violence.soccer]

Hallo

also, ändere ich in der format.css, oder wo? Hab ich gemacht, aber ändert sich nix?!?
Wie gesagt, hab viel probiert und da werde ich wohl irgendwas unbewusst verändert haben...
Die Zentrierung ist keine Absicht. Am liebsten wäre mir, für jeden Browser, eine Zentrale, mittige Einstellung. Vielleicht kannst da mal schauen?

Also, trotz änderung von 100% auf 1000px ändert sich nix unter Firefox

Gruß Igor

[zulujaner]

Mach das hier weg:

html>body 	{
	height:100%;
	min-height:100%;
	position: fixed;
}

dann kannst du auch scrollen.

Eigentlich ist nur position:fixed; für das nicht scrollen zuständig, aber den anderen Kram brauchst du doch auch garn nicht.

[violence.soccer]

Hallo zulujaner

danke, das war ja einfach! Hab das ich eingefügt (unbewusst) oder war das schon drinne?

Nun hab ich noch die Positionierung zu erledigen.

Was kann ich da tun um die Ansicht immer in der Mitte zu halten? D.h. wenn ich das Fenster verkleinere, soll der Inhalt mitwandern und erst dann einen Scrollbalken bilden?!?

Danke

[jayjay]

Nun hab ich noch die Positionierung zu erledigen.

Was kann ich da tun um die Ansicht immer in der Mitte zu halten? D.h. wenn ich das Fenster verkleinere, soll der Inhalt mitwandern und erst dann einen Scrollbalken bilden?!?

das meinte ich mit dem grob zentrierten, dein äusserstes (all)-div muss die eigenschaft margin: 0 auto; bekommen

[violence.soccer]

Danke an alle helfenden...
Hab mit euerer Hilfe alles behoben.

auch wenn es für euch kleinigkeiten waren :-)

Könnte vielleicht jemand von euch die Webseite mit dem IE8 öffnen und mir sagen ob alles funzt?

http://tischfussballkreisliga.de/neu/index.html

Danke, danke, danke

[zulujaner]

Super wenn es nun funktioniert.

Zum testen kann ich dir den IETester empfehlen.

Der kann in einem Programm den IE5.6, 7 und 8 testen/simulieren.

Hier gibts auch den Safari für Windows. Da kann man auch mal mit testen.

Viel Spaß

[violence.soccer]

Super, danke für den Tip.
Der IE-Tester ist gut :-)
Geht alles. Danke

Gruß Igor

[violence.soccer]

Hallo an alle helfenden

Wieder mal ein Problem mit meiner Seite: http://tischfussballkreisliga.de/diskussion.html

Soweit ist alles gut, nur wenn sich die Ansichtsseite verlängert, kommt wieder der Doofe Scrollbalken. Und zwar bezogen auf den iframe-Inhalt von meinem Forum?!?

Wie könnte man das einstellen, dass sich die Grösse automatisch anpasst?
D.h. wenn mehrere Einträge da sind, sich kein Scrollbalken anzeigen lässt.

Wenn ihr Daten braucht, bitte fragen.

es ist ein irame in einem div

Danke für euere hilfe, gruß Igor

[violence.soccer]

Zur Vervollständigung

</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</ul>
<!-- ende menü oben-->
</div>
<div id="content">
<!-- Inhalt -->
<h2>&nbsp;</h2>
<P align="center"><a href="http://www.tischfussballkreisliga.de/phorum/admin.php" target="_blank">adminlogin</a></P>
<div id="content2">
<P align="center">&nbsp;</P>
</div>
<div id="inhalt">
<P align="center">

  <iframe src="http://www.tischfussballkreisliga.de/phorum/index.php" style="margin:0px;padding:0px" width="1000px" height="1200px" frameborder="0" name="MySnip-Forum"></iframe>
  </div>
</P>
<p align="center"><a href="http://www.tischfussballkreisliga.de/phorum/admin.php" target="_blank"></a></p>
<p align="center"><a href="diskussion.html">nach oben</a></p>
</div>
<div id="fussb">
<!-- Fusszeile -->
www.tischfussballkreisliga.de
<!-- Ende Fusszeile -->
</div>
</div>
<!--<div id="re">&nbsp;</div>-->
</div>
</body>
</html>

css

body {
	margin:0;
	background-color: #F6F6F6;
	padding:0px;
	min-height:1000px;
	background-image:url(images/rand.gif);
	background-repeat:repeat-y;
	background-position:center;
}
#all	{
	width:1005px;
	height:1000px;
	padding: 0px;
	margin: 0 auto;
}
#mitte	{
	margin: 0 auto;
	width:1005px;
	text-align:justify;
	position: relative;
	height: 100%;
	visibility: inherit;
	background-color: #0c0c0c;
}	
/* menue oben */

.menu {
	width:1005px;
	height:32px;
	background-color:#0c0c0c;
	
	position:relative;
	z-index:100;
}
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#808080;
	background-color:#000;
	font-family:verdana, sans-serif; 
	font-size: 86%;
	font-variant:normal;
	overflow:hidden;
	width: 197px;
	margin:0 1px;
	border:solid 1px #353535;
	line-height:30px;
	text-align:center;
	background-image:url(images/ob.jpg);
}
.menu ul {
	padding:0; 
	margin:0 auto; 
	list-style: none;
}
.menu ul li {
	float:left;
	position:relative;
}
.menu ul li ul {
	display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
	background-color:#282828;
	color:#0000FF;
	text-decoration:none;
	border:solid 1px #7C7C7C;
	background-image:url(images/mover.jpg);
	position: relative;
}
.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:31px; 
	left:0; 
	width:105px;
}
.menu ul li:hover ul li a.hide {
	background:#6a3; 
	color:#fff;
}
.menu ul li:hover ul li:hover a.hide {
	background:#6fc; 
	color:#000;
}
.menu ul li:hover ul li ul {
	display: none;
}
.menu ul li:hover ul li a {
	display:block; 
	background:#282828; 
	color:#808080;
	border:solid 1px #353535;
	line-height:30px;
	background-image:url(images/ob.jpg);
}
.menu ul li:hover ul li a:hover {
	background-color:#282828;
	color:#fff; 
	text-decoration:none ;
	border:solid 1px #7C7C7C;
}
/*
.menu2 a, .menu2 a:visited , .menu2 a:active {display: block;
color:#808080;
background-color:#000;
text-decoration:none ;font-family:verdana, sans-serif; font-size: 86%;
padding-left: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 1px;margin-right: 1px;
border:solid 1px #353535;
line-height:30px;
text-align:center;

background-image:url(images/ob.jpg);
}

.menu2 a:hover {background-color:#282828;color:#fff; text-decoration:none ;border:solid 1px #7C7C7C;

background-image:url(images/mover.jpg);
}
*/
#menu3	{
	width:100%;
	height:32px;
	background-color:black;
}	
#menu3 a, #menu3 a:visited , #menu3 a:active {
	float:left;
	display:block;
	width:154px;
	font-family:verdana, sans-serif; 
	font-size: 86%;
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top:0px;
	margin: 0 1px;
	line-height:30px;
	text-align:center;
	text-decoration:none ;
	color:#808080;
	background-color:#000;
	border:solid 1px #353535;
	background-image:url(images/ob.jpg);
}
#menu3 a:hover {
	float:left;
	display:block;
	width:154px;
	font-family:verdana, sans-serif; 
	font-size: 86%;
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top:0px;
	margin: 0 1px;
	line-height:30px;
	text-align:center;
	text-decoration:none ;
	background-color:#282828;
	color:#fff; 
	border:solid 1px #7C7C7C;
	background-image:url(images/mover.jpg);
}






h2	{
	padding:0 20px;
	color:#0000FF;
	margin-bottom:20px;
	letter-spacing:2px;
	font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
	font-size: 125%;
}


/* hauptgerüst */

#li {
	width:103px;
	height:1px;
/*	height:100%;
	background-image:url(images/rand1.jpg) ;
	background-repeat:repeat-y; 
	border-right:solid 1px #3f3f3f;border-left:solid 0px #000;*/
}


#re {
	width:103px;
	height:1px;
	
/*	height:100%;
	background-image:url(images/rand2.jpg);
	background-repeat:repeat-y; 
	border-left:solid 1px #3F3F3F;border-right:solid 0px #000;*/
}

#top {
	background-image:url(images/backtop.jpg);
	background-repeat:repeat-x;
	vertical-align:middle;
	text-align:center;
	height:80px;
	background-color:#1F1F1F;
	border-bottom:solid 1px #535353;
	border-top:solid 1px #161616;
}

#leistetop {
	background-color:#0c0c0c;
	
	height:40px;
	width:1005px;
	border-bottom:solid 1px #3F3F3F;
	border-top:solid 1px #000;
	background-image:url(images/leiste.jpg);
	background-repeat:repeat-x;
}
.leistetop	{
	line-height:40px;
	letter-spacing:10px;
	color:#0c0c0c;
	font-variant:small-caps;
	margin-left:10px;
	margin-bottom:1px; 
	vertical-align:bottom;
	font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
}	
#leiste1 {background-color:#000;
height:34px;
letter-spacing:0px;
color:#56686D;
font-variant:small-caps;
padding-left:0px;
padding-bottom:0px;
width:100%;
vertical-align:middle;
border-bottom:solid 1px #535353;
border-top:solid 1px #000;
border-bottom:solid 0px #000;
font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
text-align:center;
}
#leiste2 {height:0px;

background-color:#000;
height:34px;
letter-spacing:0px;
color:#56686D;
font-variant:small-caps;
padding-left:0px;
padding-bottom:0px;
width:100%;
vertical-align:middle;border-bottom:solid 1px #535353;
border-top:solid 1px #000;
border-bottom:solid 0px #000;
font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
text-align:center;
}



#sp1 {color:#fff;font: normal 11px/15px verdana, sans-serif; padding-left: 0px;padding-right:0px;padding-top: 0px;
background-color:#0c0c0c;
border-right:solid 1px #313131;

}

#content {
	width:1005px;
	height: auto;
	background-color:#0C0C0C;
	background-image:url(images/leiste.jpg);
	background-repeat:repeat-x;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
	position: relative;
	color: #CCCCCC;
}

#content2 {
	width: auto;
	height: auto;
	background-color:#0C0C0C;
	background-image:url(images/leiste.jpg);
	background-repeat:repeat-x;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
	position: relative;
	color: #CCCCCC;
}
.sp2	{
	display:inherit;
	padding:0 20px;
	color:#808080;
	letter-spacing:0px;
	font-size: 100%;
	line-height: 125%;
	height: auto;
	width: auto;
	left: auto;
	right: auto;
	top: auto;
}

#fussb {
	font: normal 11px verdana, sans-serif;
	color: #6F6F6F;
	line-height: 24px;
	height:24px;
	text-align:center;
	background-color:#121212;
	
	width:1005px;
	border-top:solid 1px #343434;
	background-image:url(images/ob.jpg);
	background-repeat:repeat-x;
	position: absolute;

}
/* scrolleiste internet explorer ab vers.5.5 */




/* menue  */

#menu1 a , #menu1 a:visited , #menu1 a:active {display:block;
background-color:#0c0c0c;
color:#808080;
text-decoration:none ;
text-align:center;
width:200px;
font-size: 86%;line-height: 28px;
font-family: verdana,"Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
margin:0px;
border-top:solid 1px #0c0c0c;
border-bottom:solid 1px #000;

}

#menu1 a:hover{
background-color:#000;
color:#fff;
text-decoration:none ;
border-top:solid 1px #1f1f1f;
border-bottom:solid 1px #1F1F1F;}

/* allgemeine links im text */

a:link, a:visited, a:active{ font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
font-size: 97%;line-height: 125%;
text-decoration:underline;color:#555555;}

a:hover{ text-decoration:none;background-color:#555555;
color:#0000FF;}

[zulujaner]

Hallo,

nen paar kleine Ungereimtheiten sind im Code noch vorhanden.
Speziell hier ist mir gleich einer ins Gesicht gesprungen.

<div id="inhalt">
<P align="center">

  <iframe src="http://www.tischfussballkreisliga.de/phorum/index.php" style="margin:0px;padding:0px" width="1000px" height="1200px" frameborder="0" name="MySnip-Forum"></iframe>
  </div>
</P>
<p align="center"><a href="http://www.tischfussballkreisliga.de/phorum/admin.php" target="_blank"></a></p>
<p align="center"><a href="diskussion.html">nach oben</a></p>
</div>

Es gibt ne klare HTML Regel: Ich soll ungeschlossene Tags nicht verschachteln!
Irgendwas stimmt hier nicht.
</iframe>
</div>
</P> Das </div> ist hier zuviel.

Für dein Vorhaben ist dann ein IFRAME ungeeignet. Der soll dir nur ein "Fenster" in deine Page machen. Hast du schonmal ein Fenster gesehen das sich ständig in der Größe ändert? Dat gibbets nicht.

Hier kannst du mit PHP arbeiten.
Schmeiß den IFRAME raus und lade deine Page per include() Befehl ein.
Da passiert das mit dem Scrollbalken nicht mehr.

Stell dir das so vor. Der Browser findet dein DIV vor, öffnet es, geht weiter im Quellcode findet den include("mein-forum.php"), lädt das auch erst vollständig und dann schließt er den DIV.
Da bleibt alles schön flexibel.
Dazu muß dein Server aber PHP bereitstellen.

Hier ein schönes Beispiel für die Anwendung include().

[violence.soccer]

Hallo zulujaner

erst mal Danke...

Jetzt schreibst du, Schmeiß den IFRAME raus und lade deine Page per include() Befehl ein.

Ganz einfach :-)

Ein paar Fragen hätte ich trotzdem.
Muss ich alles auf php umwandeln, so wie in dem Link? Das will ich nicht...

Was muss ich im "Forum" Fall anlegen? eine "forum.php" denk ich mal... Was soll da drinstehen? Der Link zum Forum?
Wenn ja, dann binde ich ihn per include in meine "diskussion.html" Seite ein?

Ein bisschen Starthilfe bräuchte ich ja noch :-)

Danke