CSS-Design: Wird nur im IE richtig interpretiert...

Status
Nicht offen für weitere Antworten.
Hi,

falls es sich um den feststehenden Header handeln sollte - entferne mal background-attachment: fixed aus #pageTitle.

Ciao
Quaese
 
Im IE6 wird alles korrekt dargestellt, im FF2 und Opera9 nicht.
Da sich der Interner Explorer 6 weiter von der Erfüllung der Webstandards entfernt ist als Firefox und Opera, müsste diese Aussage umgedreht werden: Firefox und Opera stellen die Webseite korrekt dar, wenn auch das gewünschte Ergebnis eher der Darstellung des Internet Explorer 6 entspricht.
 
Sollte man meinen :D Habe das Problem jetzt gelöst.

Habe aber noch eine Frage: Wie kann ich ein Div automatisch bis zum Seitenende (Height) ausrichten?
 
Hier die Zutaten für das Grundrezept ;)

Code:
html,body {
height: 100%;
margin: 0;
padding: 0;
}

div#box {
min-height: 100%; /* Moderne Browser */
height: auto !important; /* Moderne Browser */
height: 100%; /* IE */
background: #aaa;
}
Code:
<body>
    <div id="box">...</div>
</body>
 
Vielen Dank, hat auch schon fast geklappt. Nur leider bekomme ich #pageLeft und #pageContent nicht richtig bis nach unten (soll bis nach #page, bei dir #box, reichen) durchziehen :(
 
Hi,

versuch mal das Hintergrundbild für die linke Spalte auch im Element page anzugeben.
Code:
#page {
  width: 920px;
  min-height: 100%; /* Moderne Browser */
  height: auto !important; /* Moderne Browser */
  height: 100%; /* IE */

  background: #fff url('http://www.fckr.de/_acp/_DESIGN/images/design_menu_bg.png') 0 0 repeat-y;
}
Zudem musst Du, bevor das page-Element wieder geschlossen wird, den normalen Textfluss wieder
herstellen (clear: both).

CSS zum Herstellen des Textflusses:
Code:
.clearDiv{ font-size: 1px;
           line-height: 0em;
           height: 0;
           clear: both;}
HTML-Teil:
Code:
<div id="page">
  <div id="pageTitle"></div>

  <div id="pageSubtitle">
    Du bist angemeldet als {fckr.username}!
  </div>

  <div id="pageLeft">...</div>

  <div id="pageContent">...</div>

  <!--
  <div id="pageRight">RIGHT</div>
  -->

  <div class="clearDiv">&nbsp;</div>
</div>
Vielleicht hilft Dir das weiter.

Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.
Zurück