Alexander Landa: (ZUR INFO) (HTML/CSS) Inhaltsausrichtung: browser- und plattformunabhaengig

Beitrag lesen

Hallo

Das Problem sollte eigentlich bekannt und ziemlich nervend sein. Man hat ein z.B. gemustertes Hintergrundbild und eine Buttonleiste aus gif-Grafiken, die zum Teil auch Hintergrund enthalten (wegen z.B. coolen Schatteneffekten). Nun beginnt das Hintergrundbild immer links, was man aber vom Inhalt der Seite nicht behaupten kann. Es sieht im Explorer, Netscape auf Windows, Linux und Mac immer anders aus, so daß es mit der pixelgenauen Ausrichtung schnell vorbei ist. Muster stimmt nicht mehr, und das ganze sieht alles andere als gut aus. Nicht zu vergessen ist auch noch, daß Netscape keine CSS-Angaben mehr versteht, wenn man JavaScript ausschaltet; es sieht dann alles wieder anders aus. Wenn man den Ihnalt für einen Browser ausgerichtet hat, sieht er in dem anderen Browser wieder anders ausgerichtet aus usw.
So habe ich nach einer algorithmischer Lösung gesucht, die direkt auf dem Fehler basiert, und habe diese auch gefunden. Ich hoffe, es hilft Euch weiter, wenn Ihr das gleiche Problem hat oder hattet. Ich werde auch keine Erklärung schreiben, wie und warum das alles überhaupt funktioniert. Das müsst Ihr mal selber rausfinden:

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Frame_links</title>
<style type="text/css">
   body { margin-left:8px; }
   .trick { margin-left:-8px; }
</style>
</head>
<body background="gifs_frame/links_pat2.gif" marginwidth="8">
<span class="trick">
...
...Inhalt...
...
<a href="wander.html" target="screen">
<img name="show1" height="34" width="113" src="gifs_frame/but_wander_up.gif" border="0"></a>
...
</span>
</body>

Es funktioniert jetzt überall, auch mit und ohne JavaScript im Netscape

Alexander