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

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

  1. Hallo!

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

    Hm.... ich werde es, sobald ich es mit IE5 testen kann, ausprobieren, denn gerade mit deinem CSS-Angabe hat er  gewisse Probleme:

    http://www.teamone.de/selfaktuell/self_forum/36459.html

    Auch wenn es funktioniert, hat die Sachen einen kleinen Schönheitsfehler: so wie es in deinem Quelltext steht ist es leider kein gutes HTML. (was niemanden davon abhalten sollte es anzuwenden, wenn valid HTML nicht im Vordergrund steht. ;-)  )

    Grüße
    Thomas

    1. Hallo!

      Hm.... ich werde es, sobald ich es mit IE5 testen kann, ausprobieren, denn gerade mit deinem CSS-Angabe hat er  gewisse Probleme:

      So jetzt habe ich es getestet:
      es funktioniert (da in meinem Versuch auch noch eun float:left dabei war, was den IE5 verwirrte).

      Jedoch würde ich <span> durch <div> ersetzen, dann klapp es auch mit dem Validator. Oder wir können dabei ganz auf CSS verzichten und gleich:
      <body marginwidth="8" leftmargin="8"> hinschreiben.

      Grüße
      Thomas