Fabian Gamboni: Darstellungsproblem mit IE7

SELF-Forum

Darstellungsproblem mit IE7

Fabian Gamboni Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo zusammen

vielleicht könnt ihr mir ja helfen.

Also ich versuche gerade ein neues Layout für meine Homepage zu gestalten. Dabei überprüfe ich die Layouts mit Firefox und IE.

Leider entspricht die Darstellung im IE überhaupt nicht meiner Vorstellung. Im Firefox jedoch schon.

Hier mein Code

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>A frame document with CSS2</title>

<style type="text/css">
 #header {
  position: fixed;
  width: 100%;
  height: 15%; top: 0;
  right: 0;
  bottom: auto;
  left: 0;
                background-color: #FFFF88;
                border: 1px solid #000000;
 }

#sidebar {
  position: fixed;
  width: 10em;
  height: auto;
  top: 15%;
  right: auto;
  bottom: 100px;
  left: 0;
 }

#main {
  position: fixed;
  width: auto;
  height: auto;
  top: 15%;
  right: 0;
  bottom: 100px;
  left: 10em;
  overflow: auto;
 }

#footer {
         position: fixed;
         width: 100%;
         height: 100px;
         top: auto;
         right: 0;
         bottom: 0;
  left: 0;
  background-color: #FFFF88;
                border: 1px solid #000000;
      }
  </style>
</head>
<body>

<div id="header"> Titel </div>

<div id="sidebar">
 <ul id="Navigation">
                 <li><p align=left><font size="5"><b>Wegweiser</b></font></p></li>
  <li><p align=left>Home</p></li>
  <li><p align=left>Romanisch</p></li>
  <li><p align=left>Fahrzeuge</p></li>
  <li><p align=left>Fischen</p></li>
  <li><p align=left>Brass Band</p></li>
  <li><p align=left>Gästebuch</p></li>
         </ul>
</div>

<div id="main"> Hier steht ganz viel Text.<br>
Hier steht ganz viel Text.<br>
Hier steht ganz viel Text.<br>
</div>

<div id="footer"> Footer </div>

</body>
</html>

Ich danke euch für eure Antworten.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Darstellungsproblem mit IE7

    Jannis
    +1 Informationen zu den Bewertungsregeln

    So ein Problem hatte ich auch mal.
    Die Interpretationen der Position:Fixed sind beim Internetexplorer leider sehr anders als bei normalen Browsern.
    Man hat mich dann hierrauf verwiesen:

    http://www.cssplay.co.uk/layouts/basics.html

    Denke, du kannst damit was anfangen.
    MfG, Jannis

    Beitrag melden
    +1
    Informationen zu den Bewertungsregeln

  2. Darstellungsproblem mit IE7

    Ingo Turski Homepage des Autors
    +1 Informationen zu den Bewertungsregeln

    Hi,

    nein, du hast hier kein spezielles IE7-Problem.
    Über

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    versetzt Du auch den IE7 in den abwärtskompatiblen quirks mode, in dem er alle neuen Fähigkeiten nicht mehr anwendet und insbesondere

    position: fixed;

    nicht mehr kennt.

    freundliche Grüße
    Ingo

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