Warum wolltest du das vermeiden? Das ist genau das Verhalten, das User gewohnt sind. Ich sehe auf deinen Seiten auch keinen "künstlerischen" Grund, davon abzuweichen.

Du verkomplizierst mit dem IFrame nur unnötig die Struktur deiner Website.

Wenn du Wert auf den Extra-Scrollbalken am IFrame legst - den kannst du auch mit der CSS-Eigenschaft overflow:auto erzeugen.

katy

Mir geht es nicht um die scrollbalken. Mir geht es nur dadrum, dass ich das "gezappel" auf der Seite, wenn alles immer neu laden muss nicht mag. Das Menu sollte immer stehen bleiben. Jedoch sollte, wie man es (irgendwie) mit Frameset erzeugen kann, der Inhalt der einzelnen Links auf der rechten Seite aufgehen. Ich möchte nicht die komplette Seite neu gestallten , sondern nur meinen iframe ersetzen. Es müssen auch keine Borders oder sonst irgendwas da sein.
Meine Seite ist und soll auch kein Kunstwerk darstellen.

Vielleicht kann mir ja irgendjemand einen Tipp geben, wo ich darüber lesen und lernen kann.

TB74: Du magst das Gezappel nicht - und was sagen deine Besucher? Wäre ich einer - ich würde Frames usw. nicht mögen (genau wie katy). Exakt für deine Wünsche wurden Frames oder IFrames erfunden, da gibt es nichts besseres oder schlechteres.

Dynamische Seiten benutzen AJAX. Das erfordert jedoch vieles - zum einen ausreichend Erfahrung, dann muss es der Server unterstützen und schlussendlich müssen die Besucher auch wieder JavaScript überhaupt aktiviert haben.

Die allerbeste Lösung bleibt also das, was HTML von vornherein vorgesehen hat: jedesmal eine neue Seite. Frames haben übrigens den Nachteil, von Suchmaschinen schlecht bis gar nicht gelesen werden zu können. Und IFrames sind dank Sicherheitsbedenken und/oder Werbefilter meist deaktiviert.

Außerdem sollte sich das "Gezappel" doch in Grenzen halten, denn die Daten werden doch nicht wirklich jedesmal neu vom Server geladen, sondern (jedenfalls im Regelfall) zum großen Teil aus dem Browsercache geholt.

BTW: Sollte die Seite wieder gehen? Ich krieg immer noch 'nen 403 ... :o(

Die Seite funktioniert wieder sobald sie fertig ist. Ich werde sie dann wieder online stellen.

Halte die Dateien schlank!
Lagere das gesamte Styling für alle Seiten in eine CSS-Datei aus. Letztere wird dann nur einmal geladen.

Erfolg: nur die schlanken Einzelseiten und evtl. neue Bilder (die du hoffentlich im richtigen Format vorliegen hast) werden nachgeladen. Das dauert nicht lang und bewirkt keinerlei Gezappel. Wenn du das gut machst ist ist das kaum zu bemerken. Schau dir doch mal eine so gestaltete Seite an (Supportnet, Wikipedia, ...).

katy

Hallo Katy, und alle anderen

hat alles soweit geklappt, nur habe ich meine Seite für de IE erstellt, und im Mozilla sieht sie *Z* aus.
So nun bin ich am erstellen eines 2. Stylesheet für den Mozilla.
Da habe ich dann später auch noch eine Frage.
Erst mal zu meinem eigentlichen Problem.
Ich habe das ganze so programiert.

<link rel="stylesheet" type="text/css" href="Mozilla.css" />
<!--[if lte IE 6]>
<link href="ie6.css" rel="stylesheet" type="text/css"/>
<![endif]-->

So, im Mozilla passt in der Vorschau alles, nur im IE ist alles total verschoben. Ist das denn normal? Sieht das auf der online Seite dann anders aus. Ich denke nicht. Aber wo liegt denn nun der Fehler.
Ich habe es auch schon so probiert:

<link href="ie6.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="Mozilla.css" />
<!--[if lte IE 6]>
<link href="ie6.css" rel="stylesheet" type="text/css"/>
<![endif]-->

Doch da sieht im Mozilla wieder alles verschoben aus. Ich verzweifel noch.

Nun zu meiner anderen Frage.
Wie gesagt für das erstellen eines css für Mozilla.
Ich habe einen div container eingebaut, in dem ein Bild und auch Text sitzt.

#Bild {margin-left:320px;padding:30px;border:0px;}

in diesem container habe ich den Text folgend eingeführt

#text {position:absolute;margin-left:250px;margin-top: -280px;padding-bottom:50px;font-family:book antiqua;font-size:12pt;}

nun kann ich den Abstand des Textes nicht verändern.
Die Bilder sitzen alle korrekt untereinander, aber der Text daneben ist nicht identisch.
Es soll ganz einfach so aussehen:

linke seite die Links, rechts daneben das Bild und rechts daneben eben der Text, welcher immer mit dem Bild beginnen sollte.
(für die Links passt alles)

Für IE habe ich das so gemacht, und es funktioniert genau so wie ich es mir vorgestellt habe.

#text {position:absolute;float:right;margin-left:20px;font-family:book antiqua;font-size:12pt;}

#Bild {position:fixed;margin-left:320px;margin-right:50px; padding:30px;border:0px;}

Sorry, das ich euch mit meinen ewigen Problemen belästigen muss, aber ich bleib halt immer irgendwo hängen. Trotzdem euch allen ein schönes Osterfest, und vielen Dank für euere Hilfe.

mfg
TB74

Leider ja. Nicht jeder Browser interpretiert die Stylesheet-Angaben gleich, wobei sich der IE da weniger an die Standards hält als z.B. Firefox.


Das ist kein Problem. Aber es wäre weitaus sinnvoller für alle Beteiligten, wenn Du Deine Seiten erstmal so online stellen würdest, dass man sie sich in der Gesamtheit mal anschauen kann. Die von Dir genannten Ausschnitte aus dem Quellcode sind sicher schon mal ein paar Anhaltspunkte, aber Probleme bei der Darstellung können durchaus auch an anderer Stelle verursacht werden.

klingt danach, dass du den IE in den Quirksmodus schickst.
Aber ohne kompletten Quelltext keine Analyse!

Hallo Leute

die "Katastrophe steht online.
www.der-antikladen.de

hier sind die jeweiligen stylesheets.

antikladenM

html {height: 100%;}
body { height: 100%; text-align:center; margin-top:0%; margin-left:80px; font-family:book antiqua; color:#421411;}

#logo { width:900px; height:184px;}

#slogan { float:right; margin-top:0%; margin-right:95px;}

#linktop { float:right; margin-right:20px; padding:30px; font-family:book antiqua; font-size:10pt; color:#421411;}

#navi { float:left; margin:20px; width:25%;}

#link { line-height:30px; text-decoration:none; font-family:book antiqua; color:#421411; font-size:16pt;}

#tlink { font-size:14pt; font-family:book antiqua; color:#421411;}

#um { margin-top:0px; margin-left:40px;}

#u { font-family:book antiqua; text-decoration:none; color:#421411;}

#text { float:right; width:66%; margin-right:40px; font-family:book antiqua;}

#tstyle { font-family:book antiqua; color:#421411; font-size:12pt;}

#textHis { float:right; margin-right:35px; width:66%; font-family:book antiqua; font-size:12pt; color:#421411; text-align:justify;}

#linkHis{ font-family:book antiqua; font-size:10pt; color:#421411; text-decoration:underline;}

#text1 { position:absolute; margin-left:530px; margin-top:-280px;font-family:book antiqua; font-size:12pt; color:#421411; border:0px solid;}

#Bild { float:right; margin-right:120px; padding:30px; border:0px;}

#rück { float:left; margin-left:30px;}

#clearl { clear:left;}

#clearr { clear:right;}

#feld { border:1px solid #421411; background-color:#ffe7ce;}

#formular { float:right; margin-top:10px; margin-right:335px; line-height: 30px; font-size:16px; font-family:book antiqua;}

#textko { font-family:book antiqua; font-size:12pt; line-height:10px;}

#h1 {float:left;font-weight:bold; font-size:22px;margin-top:180px;
margin-left:150px; }

#email { color:#421411;}




und antikladen

html {height: 100%;}
body { height: 100%; text-align:center; margin-top:0%; margin: 0px auto; font-family:book antiqua; color:#421411;}

#logo { width:900px; height:184px;}

#slogan { float:right; margin-top:0%; margin-right:95px;}

#linktop { float:right; margin-right:40px; padding:20px; font-family:book antiqua; font-size:10pt; color:#421411;}

#navi {float:left; margin:20px; width:25%;}

#link { line-height:30px; text-decoration:none; font-family:book antiqua; color:#421411; font-size:16pt}

#tlink { font-size:14pt; font-family:book antiqua; color:#421411;}

#um { margin-top:0px; margin-left:40px;}

#u { font-family:book antiqua; text-decoration:none; color:#421411;}

#text { float:right; width:66%; font-family:book antiqua;}

#tstyle { font-family:book antiqua; color:#421411; font-size:12pt;}

#textHis { float:right; margin-right:35px; width:66%; font-family:book antiqua; font-size:12pt; color:#421411; text-align:justify;}

#linkHis{ font-family:book antiqua; font-size:10pt; color:#421411; text-decoration:underline;}

#text1 { position:absolute; float:right; margin-left:20px; font-family:book antiqua; font-size:12pt;}

#Bild { position:fixed; margin-left:320px; margin-right:50px; padding:30px; border:0px;}

#rück { float:left; margin-left:30px;}

#feld { border:1px solid #421411; background-color:#ffe7ce;}

#formular { float:right; margin-top:10px; margin-right:100px; line-height: 40px; font-size:16px; font-family:book antiqua;}

#textko { font-family:book antiqua; font-size:12pt; line-height:10px;}

#h1 {float:left;font-weight:bold; font size:22px;margin-top:20px;
margin-left:150px; }

#email { color:#421411;}

Ich hoffe es kann mir jemand helfen.
Ich habe schon überlegt, ob ich nicht die komplette Seite mit tabels machen soll. Ist sicherlich einfacher. Was meint ihr?

Vielen vielen Dank für euere Hilfe.

richtig geraten: du schickst die Browser in den Quirksmodus. Da macht jeder Browser was er will. Unter dem Link erhältst du Infos, wie du das vermeidest. Dann interpretieren die Browser das CSS zumindest sehr ähnlich.

Außerdem strotzt dein HTML vor Fehlern. Beseitige die unbedingt!

Im Opera-Browser sieht das nochmal andes aus ... und das ist sicher einer der Browser, die sich am genauesten an die Standards halten.

Probier erstmal den Hinweis aus Antwort 32 und dann melde Dich nochmal.

Die Idee mit Tabellen ist nicht mehr zeitgemäß, aber auch ich weiß aus eigener Erfahrung, dass sich damit tatsächlich versch. Dinge einfacher und vor allem auch kompatibler darstellen lassen. Aber generell solltest Du trotzdem versuchen, solche Konstrukte zu vermeiden. Aber am Ende zählt das Ergebnis, und bevor Du aber noch stundenlang am Stylesheet rumbastelst, und das am Ende doch nicht überall gleich aussieht, probier doch mal einfaches Tabellenlayout aus.

und wenn die Sache mit dem Gezappel vermeiden noch aktuell ist, dann sind Layouttabellen der größe Unsinn, denn die sorgen für lange Ladezeiten

@Reindy
Wenn du mit deinem Hinweis aus Antwort 17 verdeutlichen willst, daß man zwei unterschiedliche Links für die Anbieterkennzeichnung anbringen müßte, so ist das völlig falsch.

Yossarian