AGB  ·  Datenschutz  ·  Impressum  







Anmelden
Nützliche Links
Registrieren
Thema durchsuchen
Ansicht
Themen-Optionen

Webseite kompatibel?

Ein Thema von Meflin · begonnen am 13. Mär 2004 · letzter Beitrag vom 15. Apr 2004
 
Benutzerbild von Phoenix
Phoenix
(Moderator)

Registriert seit: 25. Jun 2002
Ort: Hausach
7.645 Beiträge
 
#10

Re: Webseite kompatibel?

  Alt 13. Mär 2004, 12:08
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.
Sebastian Gingter
Phoenix - 不死鳥, Microsoft MVP, Rettungshundeführer
Über mich: Sebastian Gingter @ Thinktecture Mein Blog: https://gingter.org
  Mit Zitat antworten Zitat
 


Forumregeln

Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus

Gehe zu:

Impressum · AGB · Datenschutz · Nach oben
Alle Zeitangaben in WEZ +1. Es ist jetzt 18:05 Uhr.
Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024-2025 by Thomas Breitkreuz