frames scrollbalken <center> verschiebung

tullie

hi leute... habe eine seite mit zwei frames.. kopf und inhalten.. also oben und unten.. jetzt fragt ihr euch warum benutze ich noch frames.. ganz einfach.. oben ist eine laufende kopfanimation (flash) und unten soll immer der inhalt geladen werden.. wüsste nicht wie ich das sonst machen sollte da bei DIV usw immer die flash oben dann ja auch neu geladen wird was in meinen augen nervig ist, da sie immer wieder von neu beginnt.

zu meinem problem

ich habe oben den kopf auf 800px breit und den inhalt unten auch 800 px breite. oben und unten ist auf <center> gestellt da ja alles zentriert sein soll
wenn ich nun unten einen inhalt einlade der länger ist als die äuflösung vom bilschirm schmeisst dir der browser verständlicherweise einen scrollbalken unten rein.. und der inhalt unten verschiebt so ca 10px nach links und der übergang vom logo oben und inhalt unten verschiebt sich. was natürlich scheisse aussieht. was kann man machen ?

man könnte oben den scrollbalken auch YES stellen nur wie scheisse sieht das bitte aus

gibt es alternativen ???

danke gruss tomy

ps. HIER DIE PAGE: http://www.krause-schwimmbadtechnik.de/main.shtml -> dann auf UEBER UNS klicken.. und man sieht das problem...

tullie

hat keiner nen tip auf lager ?

Modula

Benutz statt deines Framesets jetzt einen iFrame für den unteren Inhalt.

D.h.: eine Seite auf der dein Flash ist und darunter ein iFrame, der den jeweiligen Seiteninhalt anzeigt.

Problem gelöst.

tullie

joar hab ich mal probiert aber das sieht net wirklich schön aus und unter IE sieht anders aus als unter firefox....
das passt alles nie....bei firefox hab ich es dann so hinbekommen das unten kein scrollbalken war also unter der iframe und unter IE war dann wieder eine.. und das sieht schrotti aus... darf natürlich wenn nur rechts ein scrollbalken sein....

Modula

was sieht an der Lösung genau schrottig aus?

Ronald

Moin!

Ich hab das mal kurz realisiert (mit dem I-Frame), schau es dir einfach mal an: http://ronald.ro.ohost.de/forum-hilfe/kr…wimmbadtechnik/

Wenn du 'über uns' wählst, dann kanst du die Wirkung des I-Frame sehen.

G.a.d.M.

Ronald

tullie

hey.. sieht wohl gut aus.. kannst mir mal dein quelltext geben... ???
danke
oder is das nur :

ich mache ne page. zb. ueberuns.html binde den code ein und das sieht es so aus ?

kenne mich mit iframes net so gut aus , da ich die noch nie wirklich verwendet habe. danke

Ronald

Moin!
Das Iframe erstezt dein komplettes Frameset. Du machst stattdessen eine Startseite mit einem inneren Fenster (I-Frame). In deinem Fall wäre es der Ersatz für deine jetztige "main.html", da du ja noch eine Startseite vorgeschaltet hast.

So sieht es bei mir aus:

HTML

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html>


<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive">
<title>STAKRA</title>
<link href="includes/css.css" rel="stylesheet" type="text/css">
<base target="down">
</head>


<body style="background-color:#5b5b5b;margin:0px;text-align:center">


<table border="0" cellspacing="0" cellpadding="0" style="width:800px;height:100%;margin:auto">
 <tr>
  <td style="height:30px;vertical-align:bottom;text-align:right;font-size:10px;color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif">
   [url='kontakt.shtml']Kontakt[/url]
   |
   [url='impressum.shtml']Impressum[/url]
   </td>
 </tr>
 <tr>
  <td style="height:192px">
   <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" style="width:800px;height:192px" id="main">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="movie" value="main.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#5b5b5b" />
    <embed src="main.swf" quality="high" bgcolor="#5b5b5b" width="800" height="192" name="main" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
   </object>
  </td>
 </tr>
 <tr>
  <td>
   <iframe name="down" style="width:100%;height:100%" frameborder="0" src="main_down.shtml"></iframe>
  </td>
 </tr>
</table>
</body>
</html>

Alles anzeigen

Das ganze nimmst du als neue "main.html". Bei den Seiten, die im Iframe dargestellt werden, darauf achten, daß sie nicht zu breit sind (max. 780px, kurze Seiten max. 800px, sonst bekommst du horizontale und verticale Scrollbalken, wo keine sein müßten.

Auch solltest du dich mal näher mit HTML und Stylesheets beschäftigen. In deinem Quelltext steht sehr viel Müll.

G.a.d.M.

Ronald

tullie

danke super....

tullie

hey ronald.. danke soweit aber eine frage habe ich noch...

unter firefox bei mir aufn mac sieht alles gut aus.. keine verschachtelung und keine iframes scrollbalken unten und rechts...

nur wenn ich mir das mit IE oder firefox aufn PC anschaue bilden sich in der iframe scrollbalken.. wie bekomme ich das noch besser in den griff ? zumindest unten müsste ich das ding weg bekommen. also vertikal...

hast du nen tip.. .

hier die seite : http://www.krause-schwimmbadtechnik.de/ueberuns.shtml

Ronald

Der Fehler liegt im Body-Tag, mit Scrolling=Yes erzwingst du die Scrollbalken (was der Firefox glücklicherweise ignoriert. Dazu kommt, daß die Unterseite eine Vorgabe von 800 Pixel Breite hat, damit paßt sie nicht mehr in den das I-Frame, wenn rechts der Scrollbalken benötigt wird.
Auch hast du dich nich an mein Beispiel gehalten und (was im Grunde lobenswert ist) dir selbst die I-Frameseite erstellt. Dabei sind die aber einige unschöne und unnötige Fehler unterlaufen, z.B. daß die Seite höher wird, als der Monitor darstellen kann. Ergebnis ist ein doppeltest Scrolling: die HP scrollt im Browser und die Unterseiten im I-Frame.

# Mach aus den 3 untereinanderliegen Tabellen eine einzige, so wie in meinem Beispiel-Quelltext der I-Framesete (s.o.)
# Füge den Dokumententyp ein
# Setze die dann einzige Tabelle auf eine Höhe = 100%, Breite 800px
# Entferne alle festen Breiten aus den Unterseiten, sofern sie die Seite auf über 800 Pixel (780 px bei langen Seiten wegen der Scrolleiste rechts) ausdehnen

G.a.d.M.

Ronald

tullie

sobald man das fenster einwenig kleiner nach oben hin macht kommen die scrollbalken in der iframe... was solln sowas ?! warum auch vertikal ????

Ronald

Ersetze in der im Iframe dargestellten Seite mal den Body Tag durch

Code

<body style="background-color:'FFFFFF;margin:0px;overflow:auto">

Und schmeiß die festen Breitenangaben aus den Tabellen raus.

tullie

huhu... ok habs geändert... kannst mir das net so machen das ich wie alle anderen auch in eine css schreiben kann ???

naja schau selber mal... ich glaube er nimmt die background farbe net an...

danke bis hierhin...

Tags