Delphi-PRAXiS - Webseite kompatibel?

Seite 1 von 3

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - Webseite kompatibel? (https://www.delphipraxis.net/18041-webseite-kompatibel.html)

Webseite kompatibel?

Hi zusammen,
ich hab durch diverse umstände herausgefunden, dass meine webseite wohl ziemlich anspruchsvoll ist. jetzt hab ich die paranoia dass die so ziemlich nirgends korrekt angezeigt wird. anbei ein screenshot wies aussehen sollte. bitte schaut doch mal wie das teil bei euch aussieht und was falsch dargestellt wird. nur damit wir uns richtig verstehen - ich will nicht wissen ob das teil scheiße oder gut aussieht, mich interresiert NUR und wirklich NUR die kompatibilität!
hier der link:

acira.net

P.S.: das soll auch keine schleichwerbung sein - wie soll ichs denn sonst rausfinden?

[edit]deutsche sprache schwere sprache[/edit]

Re: Webseite kompatibel?

Bei mir wird sie genauso angezeigt, wie auf dem Screenshot.
Das ganze mit CrazyBrowser...

Re: Webseite kompatibel?

Hi Meflin,
sorry, aber bei mir siehts nicht so toll aus (siehe Anhang).

Browser: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.6) Gecko/20040206 Firefox/0.8
Betriebssystem: Windows XP Professional

Allerdings würde ich dir empfehlen erstmal die ganzen HTML-Fehler zu korrigieren:

http://validator.w3.org/check?uri=ht...3Ffile%3Dstart

Chris

Re: Webseite kompatibel?

die fehler sind alles nur alt-tags die fehlen. ist das wirklich so schlimm?
[edit]jetzt isser da[/edit]

Re: Webseite kompatibel?

Hi,
keine Ahnung, allerdings bin ich der Meinung, dass man diese Regeln einhalten sollte. ;) Schließlich zeugt es von gutem Webdesign, wenn die Seite HTML-Compatible ist. ;)

Chris

PS: Bei den ALT-Attributen ist das vielleicht nicht so schlimm, allerdings hatte ich mir ja auch nicht die ganze Liste durchgeguckt... :duck:

Re: Webseite kompatibel?

Ich sitze gerade nur am Laptop. Dort wird beim IE 5 der gesamte Linke Textteil farblich falsch dargestellt (Also Statistik und das darüber...): Schwarz auf Schwarz statt Weiß auf Schwarz

Re: Webseite kompatibel?

Zitat:

# Line 69, column 90: there is no attribute "SCROLL" (explain...).

...ter; vertical-align: middle;" scroll="no">
^

Der sollte auf jeden Fall raus. Und die alts... ja, ich würde sie rein machen, selbst wenn sie leer sind. Wenn Du im header schon transitional angibst, dann sollte es auch transitional sein. Ich mache meine Seiten sogar immer valid strict...

Davon abgesehen:
Mit Firefox (0.8) gleiches Problem wie bei Chakotay. Das liegt aber daran, daß die Gecko-engine im Gegensatz zum Internet-Explorer die CSS-Anweisungen korrekt interpretiert.

Will damit sagen: Das die Seite bei Dir so wie auf dem Screenshot aussieht liegt daran daß der IE die Seite falsch darstellt, auch wenn es so richtig sein sollte ;-)

An Deiner Stelle würde ich ein globales DIV - Tag um Deine komplette Seite legen um diese zentriert anzuzeigen.

Re: Webseite kompatibel?

das würde aber doch die kompatibilität des css attributs height=100% nicht ändern?!
oder wie würdest du das machen?

Re: Webseite kompatibel?

Also bei mir siehts auch so aus wie auf deinem Screenshot. Hab Win2K und IE6.

Aber ist das nicht die falsche Kategorie. :gruebel:

Re: Webseite kompatibel?

Zitat:

Zitat von Meflin

das würde aber doch die kompatibilität des css attributs height=100% nicht ändern?!
oder wie würdest du das machen?

Das height - attribut bezieht sich relativ auf den BODY - Tag. Der Body-Tag hört aber (im regelfall) bereits direkt nach dem letzten inline-Element auf. Will heissen: korrekt interpretiert fängt der sichtbare Inhalt Deiner Seite mit dem oberen Rand der Tabelle an und hört mit dem unteren Rand der Tabelle auf.

Diese Höhe der Tabelle sind 100%.

Der IE interpretiert dies (leider) anders, so daß für ihn die 100% auf das sichtbare Fenster bezogen sind.

Code:

			<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3c.org/TR/xhtml11/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3c.org/1999/xhtml">

<head>

  <title>Zentrieren</title>

  <style type="text/css">

    /*<![CDATA[*/

      #inhalt {

        height:100px;

        width:300px;

        margin-top: -50px;

        margin-left: -150px;

        top:50%;

        left:50%;

        position: absolute;

        background-color: #dedede;

        border: 1px dotted black;

      }

      #inner {

        width: 270px;

        position: absolute;

        margin: 15px;

        background-color: #dede00;

      }

    /*]]>*/

  </style>

</head>

<body>

  <div id="inhalt">

    <div id="inner">Dieser Bereich ist horizontal und vertikal zentriert.

      Der Text darin bleibt linksb&uuml;ndig.

    </div>

  </div>

</body>

</html>

Das ganze funktioniert so lange, wie der Inhalt-Bereich (da wäre Deine Tabelle drin) eine feste Breite und Höhe hat.

Er wird dann absolut mit der linken oberen Ecke in die exakte Mitte positioniert und danach um jeweils 50% seiner breite und höhe wieder nach oben und links verschoben. Damit erscheint er zentiert. Padding darf bei der äusseren Box nicht verwendet werden, sonst verschiebt sich alles wieder.

Seite 1 von 3