Zentrieren

gresch · 07.08.2003, 13:24

Ich möchte eine Nonframes Seite zentrieren. Horizontal, wie auch vertikal.
Die Seite arbeitet mit Layern.

Ich könnte soweit ich das überblicken kann entweder per Script die Fenstergröße auslesen und alle Layerpositionen mit diesen Größen dynamisch berechnen und alle Layer per Script anordnen. Das entspricht aber nicht der aktuellen Programmierung, wäre also eine Menge Arbeit.

Einfacher wäre es, wenn ich einen Referenzlayer zentrieren könnte und von diesem Layer relative Positionsangaben vergebe.

Ich habe aber bis jetzt keine Lösung finden können, die Browserübergreifend, zuverlässig und Pixelgenau funktioniert.

Hilfe!

Lieben Gruss Gregor

prefix · 07.08.2003, 14:21

hi!

wie gut bist du in css bewandert? grundsätzlich gibt es dafür nämlich ansatzweise workarounds....

prefix · 07.08.2003, 15:06

so, hier mal ein ansatz:

zwar nicht pixel-, sondern prozentgenau, aber mal in den im code beschriebenen browsern auf win getestet (mac zzt. noch nicht, hab keinen)

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">

/*

********* win *********
moz 1.4 -> ok
moz/fb 0.61 -> ok
nn 7 -> ok
op 7.11 -> ok
ie 6 -> ok
op 6.05 -> ok
op 7.01 -> ok
op 6.2 -> ok
nn 4.77 -> fu** off!!!
ie 5.0 -> ok
moz 1.3.1 -> ok

********* mac *********

noch nicht getestet

********* probleme *********

- der ie6 rendert den oberen abstand falsch (zu groß), daher einsatz des kind-selektors
- der ie5 stellt den oberen abstand noch größer dar, daher tantek-einsatz

*/

body { /* mal für den ie */
	height: 100%;
	margin: 0;
}
html,body { /* das brauchen die moz-basierten */
	height: 90%;
	margin: 0;
}

/* wird von allen browsern gezogen */
#mitte {
	background-color: red;
	margin: 6% 10% 10% 10%; /* der ie5.0 benötigt weniger */
	voice-family: "\"}\""; /* thx 2 tantek */
        voice-family:inherit;
	margin: 8% 10% 10% 10%;
}

/* für mozzis */
html>body #mitte {
	margin: 10%;
}

div#mitte {
	height: 80%;
}

</style>
</head>

<body>
<div id="mitte">test</div>
</body>
</html>

gresch · 07.08.2003, 23:03

Ich bin schon fast so weit einen HTML/CSS/Javascript-Editor in Director zu schreiben...
Ein weiteres Problem ist, dass die Seite Sound haben soll... Naja, beim Seitenwechsel den Sound abzubrechen find ich ziemlich bescheuert. Die "perfekte" Lösung wäre alles in einer HTML Datei zu integrieren und durch das ein und ausblenden von Layern den Content zu wechseln.
Dazu kommt aber, dass innerhalb eines Layers (Overflow Hidden) einige Grafiken teiltransparent und gescriptet dynamisch in und übereinander beweglich werden sollen. So weit ich weiß bekomme ich dann ohnehin Systemabstürze unter Netscape < 6, weil ich nach den relativen Positionsangaben wieder absolute, bzw. übergeordnet relative Angaben machen muss.

Ich versuche dem Kunden diese Geschichte auszureden und die Dynamik des Gestaltungselementes per Gifanimation unterzubringen.

Aktuell werden die Seiten in einem Framework zentriert (dadurch ist mein Referenzpunkt für die Positionierung 0/0). Ich halte diese Lösung auch für die praktikabelste, dann kann ich den Sound in einen Teil des Frameworks unterbringen. Mein Kunde möchte aber wegen der Ansprechbarkeit einzelner Seiten, durch Suchmaschinenlinks eine Nonframes-Lösung. Ich würde das lieber Lösen indem ich die direkte Verlinkung auf Seiten unterbinde und ggf. das Framework per Javascript vorlade. Ich sehe in der Integierten Lösung alle Seiten in einem Dokument unter zu bringen auch das Problem, dass ich auch in dieser Seite nicht in der Lage bin auf Suchmaschineneinträge Contentabhängig zuzugreifen.

Es kommt mir etwas wie ein Teufelskreis vor. Meine aktuelle Lösung ist die optimalste, jede vermeintliche Verbesserung bringt wieder Nachteile, die der Kunde nicht überblicken kann.

Mein Kunde möchte aber gerne NonFrames... am wenigsten arbeitsaufwand macht es mir also eine irgendwie geartete Zentrierung in jedem HTML-Dokument zu machen und die Frames einfach rauszuschmeissen. Dann klappen sogar alle Verlinkungen (ich muss nur die Home.html nochmal als Index.html zu speichern)

Zu Deiner Frage, ich bin eigentlich Grafiker, Progarmmieren ist eher ein Hobby. Ich denke aber schon, dass ich Layer und Stylesheets ganz gut im Griff habe.

Vielen Dank schonmal und liebe Grüße
Gregor

gresch · 08.08.2003, 09:36

He he he... Kommando zurück. Mein Kunde hat ALLE meine Einwände akzeptiert und hält meine Lösung jetzt für die Beste.
Jetzt muss ich nur ein Javascript einbauen, dass verhindert, dass die Contentseiten ausserhalb des Framesworks öffnen.
So einfach kann das sein.
Vielen Dank, die Positionierung lege ich mir an einen sicheren Ort... Brauche ich sicher nochmal.
Lieben Gruss Gregor