Grafik-Position bei 2 Frames....

[Roman]

Tag Forum,
Zugegeben,der Titel ist schlecht formuliert,daher werde ich mich jetzt bemühen,mein Problem so simpel wie möglich darzustellen (im Grunde genomen ist es auch nicht schwer,denke ich:)

Folgendes:
Ich habe 2 Frames - oben und unten,also vertikal geteilt.Ebenso habe ich eine Frame links für´s Menü,das spielt aber jetzt keine Rolle.

Meine Idee war es,dass wenn im Menü ein Link angeklickt wird,sich im Hauptframe die Seite lädt.Standart eben.

Nun habe ich mir überlegt,dass solange die Seite lädt,der Hintergrund weiss ist (wir reden von gaaanz langsamen I-net Verbindungen :).Meine Hintergrund Farbe aber schwarz.

Nun habe ich eine Grafik erstellt mit einem schwarz-weiss Übergang.Diese als Hintergrund für die obere Frame eingesetzt.Sprich,die obere Frame ist schwarz und verläuft bis zum unteren Rand der Frame ins Weisse.

Da aber meine Standart Farbe schwarz ist,sollte ein Übergang von der oberen in die HauptFrame vorhanden sein,sprich: die HauptFrame ganz oben ins Weisse übergehen.

Kann man verstehen,was ich sagen möchte? XD

Somit hätten wir folgenden Effekt: Lädt eine Seite bei mir in der HauptFrame,so ist ein Übergang von der oberen Frame zur Hauptframe gegeben,da diese ja zum (Lade)Zeitpunkt weiss ist.

Ist die Seite vollstädnig geladen,sollte ebenfalls ein farblicher Übergang bestehen.

Nochmal mit Farben erklärt (wir fassen dazu mal beide Frames,also die obere und die HauptFrame zusammen):
wenn lädt: Schwarz-Weiss-Weiss (die ersten beiden Farben stellen den Übergang der oberen Frame dar,die dritte Farbe die ladende Seite)

wenn fertig geladen: Schwarz-Weiss-Weiss-Schwar (wie zuvor auch hier erst die obere Frame,dann aber ein Übergang von Weiss auf Schwarz in der HauptFrame)

Irgendwie glaube ich,dass ich mehr verwirre als erkläre XD naja,versuchen kann man´s. Nebenbei: bin kein HTML-Experte,lerne aber gern dazu.Mehr als das HTML aus´er Schule und Dreamweaver kann ich nicht (könnts aber versuchen :)

Na dann,bin dankbar für jeden Lösungsvorschlag,
schönen Tag noch,

Roman

[dbenzhuser]

N'Obend

Irgendwie glaube ich,dass ich mehr verwirre als erkläre XD naja

Da könntest du recht haben

Na dann,bin dankbar für jeden Lösungsvorschlag,

Bisher hast du nur geschrieben was du haben willst (schon hast?), aber nicht wo dabei das Problem dabei liegt. Wenn du dir klar machst do genau dein Problem liegt, hast du meistens schon die Lösung (oft genug erlebt ;) )

Ich stelle jetzt also mal einfach ein Problem auf, von dem ich glaube, dass es das sein könnte was du hast:

*********

Wie bekomme ich oben auf der Seite einen Übergang ins weiße hin?

• normales Bild oben am Rand scheidet aus, sonst müsste es schon ziemlich breit sein, um nicht zu früh aufzuhören.

• Bilder zu wiederholen geht mit Hintergrundbildern! <- schon mal ein Ansatz

• Das Bild darf aber nur in einer Achse (x-Achse also horizontal) wiederholt werden.

Also nachschauen ob das geht :)
Es handelt sich um Gestaltung und nicht Struktur der Seite -> CSS ist zuständig.
In SelfHTML gibt findet man das Kapitel "Hintergrundfarben und -bilder" bei den CSS-Eigenschaften:
http://de.selfhtml.org/css/eigenschaften/hintergrund.htm
WOW: "background-repeat (Wiederholungs-Effekt)" hört sich doch schon mal nicht schlecht an *freu*.
Und siehe da: mit "background-repeat:repeat-x" lässt sich genau das bewerkstelligen. Super, wie ich ganz alleine auf die Lösung kam!

Wenn ich jetzt also dem body die entsprechende Eigenschaft zuweise sollte es klappen:

body {
  background-image:url(uebergangweissschwarz.gif);
  background-repeat:repeat-x;
}

Das ganze schreib ich jetzt entweder in das externe Style-Sheet oder den Style-Bereich im head, oder - nur kurz zum ausprobieren natürlich - ich schreibe die Angaben kurz ins style=""-Attribut des body.

Heißa es klappt :) *Freude Freude*

*********

So hätte es auch dir gehen können...

Wenn du das jetzt aber nur machst, um damit armen 14.4-Modem-Nutzern was zu bieten, glaub mir die sind es gewöhnt. Sorge dafür, dass die Seite gut ausschaut wenn sei fertig geladen ist, nicht vorher.

Achja, kurz noch der obligatorische Satz: Ohne Frames hättest du das Problem gar nicht erst. Vielleicht eine Gelegenheit es ganz ohne Frames nochmal zu probieren.

Tschö,
dbenzhuser

[Roman]

Vielen Dank,dbenzhuser,
aber wie du siehst,habe ich dieses Problem schon gelöst,doch leider ist ein neues aufgetreten :)

Für die obere Frame habe ich die Farbübergagsgrafik als Hintergrund genomen,wie gesagt. Für die Hauptframe die gleiche,nur eben dass es von weiss auf schwarz geht,dann eben fixiert und es klappt...soweit...nur das mit dem Zwischenraum zur Scrollbar ist komisch...

Bis dann,MfG,
schönen Tag,

Roman

[Roman]

HA!
Ich bin einen Schritt weiter:
Mit Mozilla (ja,den benutze ich) wird die Page so angezeigt,wie ich´s haben wollte. Lade ich sie aber mit dem IE wird mir ein leerer Abstand zwischen dem besagten Div-tag und der Scrollbar angezeigt. Und da die meisten IE User sind,wäre ich für jede Lösung dankbar...

Guckst du:
http://www.angeltowns2.com/members/kye/frameset1.htm

Bis dann,ciao,
schönen Tag noch,

Roman

[dbenzhuser]

N'Obend

Guckst du:
http://www.angeltowns2.com/members/kye/frameset1.htm

Wunderbar :)
Gut, das ist mal eine Lösung, die findet man nicht einfach so in SelfHTML, da brauchts schon ein klein wenig Hintergrundwissen.

Und zwar haben die neueren Browser verschiedene Rendermodi, zwischen denen sie umschalten, je nachdem was für ein Doctype gesetzt ist.

Bei dem von dir verwendeten
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
ist das der Quirks-Mode. (Besser wäre "Lustiges Seitenraten" oder so...)
Jedenfalls erwartet der Browser hier ein Dokument, welches sich nicht an die Standards hält und mach das selbe: Er rät blind drauf los was du gemeint haben könntest. Das macht zu allem Überfluss auch noch jeder Browser anders (klar, es werden ja eben keine Standards berücksichtigt). Der IE stellt sich besonders däppert an.

Mit dem Stichwort "DOCTYPE-Switch" findest du dazu genug über google oder im </archiv/>.
Z.B. http://www.carsten-protsch.de/zwischennetz/doctype/einleitung.html (das erstbeste, sollte aber reichen :) ).
Auf der Seite sind unten die Doctypes aufgelistet, die den Standards-Mode erzwingen.
Ersetzt du also deinen Doctype z.B. durch
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
ist das Problem behoben. Fertig.

Allerdings ist deine Lösung (auch der Rest der Seite) nicht unbedingt elegant.
Beschäftige dich noch ein wenig mit CSS, dann bekommst du den Code deutlich schöner und kompakter hin. (v.a. ohne dieses <font>)

Tschö,
dbenzhuser

[Roman]

Hi dbenzhuser,
erstmal ein großes Dankeschön für deine Geduld und freundliche Unterstützung!

Hab´s direkt ausprobiert,und leider festgestellt,dass nun eine waagerechte Scrollbar erschienen ist,mit welcher ich nach links und rechts scrollen kann,was aber im Endeffekt nicht nötig ist.

Und *ganz nach rechts scroll*, der Abstand ist nicht weg :)

Ich denke mal ich werde mir was anderes aus denken,aber es macht ja Spass sowas zu machen und sich Designs auszudenken,mir jedenfalls...

Nochmals Danke!

Bis dann,c ya,
sdchönen Tag noch,

Roman

[Roman]

öhm...ja,ich bins nochmal...

Nun,hab ein wenig gegoogelt und mich auch getraut,die Grafik zu fixieren,durch einen <div style>-tag.

Jetzt habe ich die Breite auf 100% skaliert,und siehe da,ca. 10 Pixel vor der Scrollbar hört die Grafik auf.

OK,die Sache (siehe oben :) habe ich nun gelöst,aber wie mach ich das jetzt mit den leeren 10 Pixeln?

Bis dann,danke im voraus,
schönen Tag noch,

Roman

[dbenzhuser]

N'Obend

Nun,hab ein wenig gegoogelt und mich auch getraut,die Grafik zu fixieren,durch einen <div style>-tag.

Wie fixiert? Mit position:absolute? Mit background-attachment:fixed oder wie?

Jetzt habe ich die Breite auf 100% skaliert,und siehe da,ca. 10 Pixel vor der Scrollbar hört die Grafik auf.

Welche Scrollbar?

OK,die Sache (siehe oben :) habe ich nun gelöst,aber wie mach ich das jetzt mit den leeren 10 Pixeln?

Am einfachsten wäre, du würdest das ganze kurz irgendwo hochladen, dann könnte man sichs mal genau anschauen.
Wenn du jetzt also im unteren Frame einen 10-Pixel-Abstand zum obenren Rand hast, dann hast du wahrscheinlich die grafik falsch positioniert. Oder du hast sie ungeschickt positioniert und der untere hat noch einen Innenabstand.

Mangels Glaskugel kann ich leider nur spekulieren...

Tschö,
dbenzhuser

[Roman]

Hi dbenzhuser,
ums zu beschreiben,ich habe folgenden Tag benutzt:
<div style="position:absolute; top:0px; left:0px; width:100%; height:40px;"><img src="bg_main_oben.jpg" width="100%" height="40" border="0"></div>

Hoffe,der Tag wird als Text erscheinen...naja *weiterhoff*

Die besagte Scrollbar ist die von der HauptFrame,da sich in dieser Frame (in meinem Fall jetzt) Bilder befinden,folglich ist eine Scrollbar vorhanden,um an die unteren Bilder zu gelangen.

Nehmen wir jetzt den oberen Rand der HauptFrame; gehen dann ganz nach links bis zur Scrollbar; von da an wo man die Scrollbar berührt (alles passiert in unserem Kopf :) gehen wir nochmals ca. 10 Pixel nach rechts. Und genau da hört der Div-Tag auf die Grafik mit dem Farbübergang darzustellen,obgleich ich width:100%; eingestellt habe...

Bis dann,man sieht mich,
schönen Tag noch,

Roman