Michael: Darstellungsfehler IE6 - IE7, Firefox, Opera o.k.

SELF-Forum

Darstellungsfehler IE6 - IE7, Firefox, Opera o.k.

Michael Homepage des Autors
– Informationen zu den Bewertungsregeln

Ich bin gerade dabei meine erste Homepage zu gestalten. Ich arbeite mit Frames  und einer externen Stylesheet-Datei und die Seite ist auf 1024 x 768 angelegt.
Ständig teste ich die Einstellungen im IE 7 und dem aktuellen Firefox, im aktuellen Opera läuft die Seite auch.
Ich habe die Seite auf meinen Uni-Account mal probeweise hochgeladen und von Freunden testen lassen: wwwhomes.uni-bielefeld.de/mwittig1
Nun hat mir eine Bekannte einen Screenshot zu gemailt,indem die Texte im Hauptframe rechts abgeschnitten sind. Kann mir jemand einen Tipp geben, woran da liegt.

Ich benutze den Doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">

Eingebunden habe ich die Stylesheetformatierungen wie folgt in die einzelnen Html-Dateien:
<body class="hintergrund hintergrund1 block">
<div class="text12pt" align="center">

Auszug aus dem Stylesheet:
body.hintergrund {
       background-image:url(bilder/hintergrund10.gif);
       background-position: 50px 0px;
       background-repeat: repeat-y;
       background-color:#520303;
       height:400px;
      }
.hintergrund1 {
       background-color: #520303;
       background-position: center;
       }
.block { margin-left: 65px;
         max-width: 720px;
       }
.text12pt { font-height:100%;
         text-indent:0em;
         padding: 0em 0;
         margin-top: 5px;
         text-align: justify;
         line-height: 1.6em;
       }

Danke schoneinmal,
Michael

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Darstellungsfehler IE6 - IE7, Firefox, Opera o.k.

    Ingo Turski Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    Nun hat mir eine Bekannte einen Screenshot zu gemailt,indem die Texte im Hauptframe rechts abgeschnitten sind.

    sie sind lediglich rechts außerhalb der Hintergrungrafik unsichtbar.

    .block { margin-left: 65px;
             max-width: 720px;
           }

    der IE6 kennt noch kein max-width.

    .text12pt { font-height:100%;

    und das kennt noch nicht mal der W3C. ;-)
    link, vlink und alink sind übrigens auch keine CSS-Eigrenschaften.

    freundliche Grüße
    Ingo

    --
    [barrierefreie Ingo Webdesign » Suchmaschinenoptimierung | em? | IE7 - Bugs]
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Darstellungsfehler IE6 - IE7, Firefox, Opera o.k.

      Michael Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hallo Ingo,
      vielen Dank für die Infos. Bin halt noch blutiger Anfänger. Wie kann ich denn jetzt den Text innerhalb des Bildhintergrundes einschränken, wenn nicht mit max-width?

      Grüße,
      Michael

      Hi,

      Nun hat mir eine Bekannte einen Screenshot zu gemailt,indem die Texte im Hauptframe rechts abgeschnitten sind.
      sie sind lediglich rechts außerhalb der Hintergrungrafik unsichtbar.

      .block { margin-left: 65px;
               max-width: 720px;
             }
      der IE6 kennt noch kein max-width.

      .text12pt { font-height:100%;
      und das kennt noch nicht mal der W3C. ;-)
      link, vlink und alink sind übrigens auch keine CSS-Eigrenschaften.

      freundliche Grüße
      Ingo

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Darstellungsfehler IE6 - IE7, Firefox, Opera o.k.

        Ingo Turski Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hi,

        Wie kann ich denn jetzt den Text innerhalb des Bildhintergrundes einschränken, wenn nicht mit max-width?

        mit width über eine CSS-Browserweiche. * html #id {} z.B.

        freundliche Grüße
        Ingo

        --
        [barrierefreie Ingo Webdesign » Suchmaschinenoptimierung | em? | IE7 - Bugs]
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln