Zum Inhalt springen

Probleme mit Einrückung rechts

Erstellt am 13. September 2004 · 23 Antworten · letzte Antwort am 7. Oktober 2004 · Seite 1 von 2

Tags: HTML & CSS, Frage

emax ·

Ich habe ein Layout mit Frames gebastelt, dass auch ganz gut funktioniert (www.gross-bieberau.net)

Was mich nun zum Wahnsinn treibt, ist, dass im zentralen Frame (der eigentliche Content-Frame) zwar links korrekt eingerückt wird, aber rechts und oben nicht. Ich möchte erreichen, dass beim scrollen ein kleiner Abstand zwischen dem zentralen Frame und den anderen Frames bleibt, und die Inhalte nicht nahtlos aneinander stossen.

Ist zu sehen unter http://www.gross-bieberau.net/index.php/12/0/

Wenn man das Browserfenster so verkleinert, dass ein Scrollbar in der Mitte entsteht, kann man gut sehen, dass die Inhalte nahtlos ineinander übergehen.

Noch nen Frame möchte ich nicht machen, weil der Overhead groesser wird. Es müsste doch mit padding oder so gehen?

Wer weiss was?
emax

downset ·

Also schnell ein <div id="irgendwas"> um deinen Contentmarker oder Subpart gelegt und dann in deiner (hoffentlich vorhandenen) css datei mit padding-right; 10px; formatiert.

Du solltest Dir CSS angewöhnen...hat viele Vorteile....

Gruß

Jens

emax ·

Die Idee ist richtig, und deshalb hatte ich es auch genauso gemacht. Das Padding rechts und links funktioniert auch mittlerweile.

Wenn ich allerdings scrollen muss, weil der Frameinhalt zu "lang" ist, dann gehts nicht, jedenfalls nicht oben und unten.

Es sieht mir ganz so aus, als beziehe sich das Padding nur auf "fixe" Framegrenzen, und nicht auf Ränder, über die hinausgescrollt wird.

Schaus Dir mal an auf

http://www.gross-bieberau.net/index.php/12/0/

Scollbars kannst Du mit einem kleineren Browserfenster erzwingen. Und dann Scollen: Padding am oberen Rand ist weg.

Die Frage ist also: wie bekomme ich einen kleinen Abstand zwischen dem Kopfbereich und dem Scrollbereich hin?

emax

downset ·

Also irgendwie verstehe ich das jetzt nicht so ganz. Du willst einen Abstand von der Überschrift zu den Bildern oder wie? Und dann soll nur in den Bildern gescrollt werden oser was?

Also zum ersten ist bei meinem Browser das Padding oben immer gleich (egal wie ich es ziehe) und zum anderen ist das eben ein Div-Berreich (also Bild mit Überschrift) und wenn das Element zu groß ist muss natürlich komplett gescrollt werden.

Nimm doch mal die unterste Reihe der Bilder raus (ich muss nämlich so schon immer scrollen - egal wie groß mein Browserfenster ist) und dann schau ich noch mal)

:o

Gruß

Jens

emax ·

Ich muss gestehen, dass ich Deine Fragen nicht ganz verstanden habe.Werde trotzdem noch mal Versuchen, meine Vorstellung darzulegen.

Über den Thumnails ist der Navi-Balken, darüber die Überschrift ("Die Bilder") und dann das Panoramabild.

Zwischen Überschrift und Panoramabild ist zunächst ein Weisser Bereich, so wie auch links in dem Thumbnail-Frame.

Wenn ich nun scrolle, dann wandert die Überschrfit nach oben. Dabei stösst sie dann an den oberen Frame-Rand. In diesem Moment befindet sich KEIN weisser Bereich mehr zwischen der Überschrift und dem Panoramabild. Scrollst Du noch weiter, dann wander die Thums nach oben, und stossen -genau wie zuvor die Überschrift- irgendwann direkt an das Panoramabild. Es bleibt kein schmaler weisser Streifen dazwischen.

Was ich erreichen möchte ist, dass immer ein kleiner weisser Rand zwischen der Überschrift (bzw. den Thumbs) und dem Panoramabild bestehen bleibt, damit zwischen den Frame-Inhalten eine Art Trennlinie bleibt. Andernfalls gehen die Inhalte sozusagen nahtlos ineinander über, und das gefällt mir nicht.

Eine Reihe Bilder rausnehmen bringt eigentlich nichts. Es geht ja zunächst um den oberen Rand.

emax

downset ·

Ach so, jetzt verstehe ich. Das kannst du (oder musst) im Frameset definieren MARGINHEIGHT=20px zum Beispiel.

Gruß

Jens

emax ·

Das hatte ich schon probiert. Geht, wenn überhaupt, nur mit "framespacing". Und das ist leider auch wieder keine saubere Lösung, weil IE, Mozilla, Konqueror und Opera ganz unterschiedlich reagieren. Mur MSIE zeichnet überhaupt die Abstände, und dann leider zwischen allen Frames (die ich aber ansonsten nahtlos haben will, nur der scroll-Frame in der Mitte soll sich abheben).

Es sieht fast so aus, als müsste ich ein paar weitere Frames zwischen die vorhandenen schieben, um das Problem zu lösen. Oder ich löse es grafisch, also das Panoramabild einfach mit einem weissen Rand unten versehen. Ist aber auch wieder Mist, weil ich dann jedes Bild, das an dieser Stelle einmal auftauchen soll, so behandeln müsste.

Oder aber ich zeige zwei Bilder an, das Panoramabild, und unten drunter eins was nur ein weisser Streifen ist.

Wenn die blöden Browser nur das täten, was im Standard festgelegt ist!

Mal sehen, trotzdem danke
emax

emax ·

Wenn Du meinst, im Zentralen Frame (wo die Bilder sind), dann müsste der doch ebenfalls mit nach oben wegscrollen.

Meine Frames sind so:

0
123
456
789

0 -> ein Langer Frame quer über die Seite fürs Menu oben
1 -> Wappen links
2 -> Panoramabild
3 -> Seitenüberschrift rechts
4 -> Menu 2.Ebene
5 -> Zentralframe für den Content
6 -> (noch) freier Bereich rechts
7 -> Zähler
8 ->Copyright
9 -> (noch) freier Bereich

Es handel sich um EIN grosses Frameset, dass wiederum andere Framesets und Frames umfasst.

Wo müsste denn da das div hin?

downset ·

^so gesehen hast du recht. was willst du mit so vielen frames...? aber gut - dann pack das div doch ruhig in folgende Bereiche

1 -> Wappen links
2 -> Panoramabild
3 -> Seitenüberschrift rechts

jeweils unter den eigentlichen Inhalt.

Aber mal ne andre Frage: Das du die Seitenaufteilung mit Frames machst und dann auch noch so viele muss ich nicht wirklich verstehen oder?

Wozu soll das gut sein?

Gruß

Jens

emax ·

nee, müssen tuste nich :-))

Also:

Mit dieser Aufteilung bekomme ich eine feste Fenster-Organisation, bei der sich NUR der zentrale Frame bewegt, wenn gescrollt wird.

Ich finds persönlich immer lästig, wenn ích in einer Seite unerwegs bin, wo mir beim Blättern regelmässig das Menü und die Kopfzeilen flöten gehen. Der User soll den im CONTENT blättern, nicht im Design. D.h., alles, was zur Navigation von Bedeutung ist, soll möglichst immer am gleichen Platz stehen. Und das ist nunmal das Kopfmenü und das Seitenmenü. Der obere Bereich soll ebenfalls stehen bleiben, damit IMMER sichtbar ist, wo man sich befindet.

Mit der Frame Organisation habe ich überdies -wenns einmal vernünftig definiert ist- ein bombenstabiles Design. Das zeschiesst Dir kein Browser, und wenn er noch so dämlich programmiert ist...

Ausserdem kann ich jedem Frame eine id zw. Klasse zuordnen, und so meine css-Definitionen exakt für jeden Frame anlegen, wenn ich will.

Kein Ärger mit Tabellen u.ä.

Z.B. das Wappen oben links. Es ist etwas schmäler, als der Kasten, in dem es steht. Ich brauchte es nur innerhalb seines Frames zu zentrieren, und alles war perfekt. Die Frames sind sozusagen ein Ersatz für eine Tablle, mit dem Vorteil dass ic heinzelne "Zellen" scrollen kann, Ich kann auch angeben, welche Teile beim Window-Resize schmäler oder breiter werden sollen (nämlich nur der Content in der Mitte), und welche immer gleich bleiben sollen (nämlich die Menüs und der Header).

Volle Kontrolle.

Sozusagen mein Baugerüst, an dem sich alles orientieren muss. Es entspricht, wenn Du mein obiges Posting ansiehst, einer absolut logischen Struktur, die Grundlage für ein klares Design.

Meine Gäste werden auf JEDER Seite das gleiche Drumrum haben: Coporate Identity. Ich könnte sogar im Zentralframe was völlig anderes veranstalten, das Drumherum bliebe immer gleich und immer an der gleichen Stelle sichtbar.

emax.

downset ·

das kann ich mit css auch alles.

mal abgesehen das sich natürlich die ganze Seite aufbaut, wenn ich einen link anklicke -ist mit css alles das ohne weiteres möglich.

Aber was machst du gegen die Suchmaschineneinträge deiner einzelnen Frames?

Gruß

Jens

emax ·

Hm.

Ich bin nicht so fit mit CSS. Irgendwie muss man ja mal anfangen, und da schienen mir die Frames zunächst am logischsten. Sicher gibt es andere oder auch bessere Lösungen, klaro. Bin aber bis jetzt mit meinen Ergebnissen ganz happy.

Was meinst Du mit den Suchmaschinen? Welche Probleme gibts denn da? Bin dankbar für jeden Hinweis.

emax

downset ·

naja...suchmaschinen indexieren jeden einzelnen frame als eigene seite, das heußt wenn du pech hast klickt der user nur auf den link zu deinem inhaltsframe. das war es dann mit deinem drumherum. und das er den inhaltsframe und nicht dien übergeordneten frame (der, der alle anderen behinhaltet) nimmt ist wahrscheinlich, da dort der content steht und die TRefferqute der suchmaschine am höchsten ist.

Deswegen frag ich....

Gruß

Jens

downset ·

...nö. Bespiel hab ich jetzt nicht parat. Aber wie gesagt, jeder so wie er mag.

Wie sieht es eigentlich mit Barrierefreiheit aus? Fällt auch weg oder?

Gruß

Jens

BastianBalthasarBux ·

Mal vom inflationären Verwenden von Frames abgesehen 😉
Machst die Frames drüber und drunter und wo du überall einen Rand haben willst... nicht einfach entsprechend grösser, und baust die abstände mit fixen elementen ein?

div ist nebenbei bemerkt imo ungeeignet weil es in diversen browsern einen zeilenumbruch erzwingt. dafür hats natürlich den vorteil dass es via css formatiert fast wie ein layer handlebar ist.
ich persönlich verwende doch lieber das gute alte span! 😉 das geht sogar auf dem doofen ns4.x

mfg bbb

ps: nachdem ich mir deine seite kurz angesehen habe: machs doch mit einem iframe. dann kannst zumindest auf ein paar von deinen frames verzichten.

emax ·

Barrierefreiheit - das is so'n Thema.

Also muss ehrlich sagen, dass ich nicht weiss, inwieweit Frames die Barrierefreiheit beeinträchtigen.

Die mir bekannten Forderungen zur Barrierefreiheit habe ich z.T berücksichtigt. Ich verzichte zum Beispiel auf grafische Menüs, deren Schriften ja nicht skalierbar sind. Im CSS habe ich die Schriftgrössen in % angegeben, so dass sich auf vernüftigen Browsern auch die Text-Darstellung vergrössern lässt.

Die Bild-Erläuterungen fehlen noch, auch XHTML ist noch nicht implementiert.

Erzähl doch mal einer, inweit Frames in Sachen Barrierefreiheit die falsche Wahl sind. Wüsste im Moemnt nicht, wie das einem Behinderten Probleme machen könnte. Nicht weil ich jetzt anderer Ansicht bin, ich weiss es einfach nicht.

Helft mit mal auf die Sprünge....

emax ·

Da hab ich schon mal drüber nachgedacht. Wie werden IFRAMES in TS am elegantesten Angegeben? Es gibt im typo3 Template-Setup ja die Möglichkeit, sowas zu machen:

outer_frameset.frameSet.rows = 50, *
outer_frameset.frameSet.params = framespacing="0" border="0" frameborder="0"
outer_frameset.frameSet {
    10 = FRAME
    10.params = scrolling="no" noresize marginwidth="0" marginheight="0" bgcolor=#000000
    10.obj = header
    20 = FRAMESET
.....

usw.

Ein "IFRAME" gibst afaik nicht. Oder?