mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 21:29 Benutzername: Passwort: Auto-Login

Thema: IE6 Darstellungs-Problem vom 09.03.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> IE6 Darstellungs-Problem
Seite: 1, 2  Weiter
Autor Nachricht
Ameisenhaufen
Threadersteller

Dabei seit: 09.03.2007
Ort: Nürnberg
Alter: 38
Geschlecht: Weiblich
Verfasst Fr 09.03.2007 15:06
Titel

IE6 Darstellungs-Problem

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen!

Ich habe ein Problem mit der Darstellung des IE6. HTML und CSS sind validiert.
Ich suche schon seit längerem nach einer Lösung, kann aber keine finden.
Vielleicht kann mir hier ja jemand helfen...

Die Website die ich baue schaut so aus:
- der Body hat die Hintergrundfarbe Schwarz
- #Seite (Position von oben 50px, Höhe 85%) hat die Hintergrundfarbe weiß, somit entsteht auf der Seite ein schwarzer Rand oben und unten, wobei der untere Rand relativ zur Seitengröße ist (und das ist wichtig!)

Mein Problem ist, dass der IE6 nur soviel weißen Hintergrund anzeigt, wie Inhalt in #Seite ist. Er sollte schon immer genau 85% der Seitenhöhe mit weißem Hintergrund anzeigen. Was kann ich machen, damit er das tut ?

Besten Dank für Deine Hilfe
Ameisenhaufen
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 09.03.2007 15:08
Titel

Re: IE6 Darstellungs-Problem

Antworten mit Zitat Zum Seitenanfang

Ameisenhaufen hat geschrieben:
Was kann ich machen, damit er das tut ?


Vielleicht einfach mal den Code posten?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Ameisenhaufen
Threadersteller

Dabei seit: 09.03.2007
Ort: Nürnberg
Alter: 38
Geschlecht: Weiblich
Verfasst Mo 12.03.2007 10:48
Titel

Antworten mit Zitat Zum Seitenanfang

ok, m, hier hast du den Code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
   <title>IE6</title>
   <style type="text/css">
<!--
body  {
   margin: 0;
   border: 0;
   padding: 0;
   font-weight: 400;
   font-size: 14px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   background-color: black;
}

#seite {
   margin-top: 55px;
   position: static;
   width: 100%;
   min-height: 85%;
   height: auto;
   overflow:hidden;
   background-color: White;
}

#menuspalte {

   float: left;
   position: static;
   margin-right: 30px;
   top: 266px;
   margin-left: 1em;
   width: 14em;
   height: inherit;
}

ul {
   top: 0;
   margin: 0;
   padding: 0;
   border: 0;
}   

ul#menu2 {
   padding-left: 1em;
}   

ul#menu3 {
   padding-left: 1em;
}   

ul#menu a {
   display: block;
   text-decoration: none;
   font-size: 14px;
   font-weight:500;
}

ul#menu li {
   list-style: none;
}

ul#menu a:link {   
   color: #666;
}

ul#menu a:visited {
  color: #666;
}

ul#menu a:hover {
  color: #F7A218;
}

ul#menu a:active {
   color: #F7A218;
}   

#mitte {
   position: static;
   left: 19em;
   top: 195px;
   width: 37em;
}

h1 {
   color: Gray;
   font-weight: 500;
   font-size: 20px;
}

.intro {
   font-weight: 600;
}
   
img.headline {
   position: relative;
   left: -37px;
}

a:link, a:visited {
   color: Black;
}

a:hover, a:active {
   color: #F7A218;
}

h1 a:link, h1 a:visited {
   color: Gray;
}


#vertik {
   position: relative;
   left: 16em;
   width: 1px;
   height: 100%;
   background-color: gray;
}

#logospalte {
   top: 50px;
   left: 0;
   position: static;
   padding-top: 20px;
   width: 57em;
}

#nav {
   font-size: 14px;
   color: Silver;
   font-weight: lighter;
   position: absolute;
   left: 19em;
   top: 93px;
}

#nav p, #nav a {
   font-size: 9px;
}
#logo {
   float: right;
   right: 0;
   position: relative;
   color: Highlight;
}

html > body #footer {
   position: absolute;
   bottom: 16px;
}

#footer   {
   padding-left: 30px;
   font-size: xx-small;
   font-style: normal;
   font-weight: lighter;
   color: Silver;
   float: left;
   position: relative;
}

#footer a:visited, #footer a:link{
   color: Silver;
}

#footer a:hover, #footer a:active{
   color: #F7A218;
}


-->
</style>

</head>
<body>
   
   <div id="seite">
    <div id="logospalte">
             <div id="logo"><img src="./images/logo.gif" alt="Hier steht dann das Logo" /></div>
             <div id="nav"><a href="index.html">Test-Link</a></div>
      </div>
     <div id="vertik"></div>
      <div id="menuspalte">
      
         <ul id="menu">
            <li><a href="././index.html">Menupunkt1 </a></li>
            <li><a href="././index.html">Menupunkt2 </a>
                      <ul id="menu2">
                             <li><a href="././index.html">UnterMenupunkt1 </a></li>
                            <li><a href="index.html">Untermenupunkt2 </a></li>
                            <li><a href="index.html">Untermenupunkt3 </a>
                                        <ul id="menu3">
                                             <li><a href="index.html">Unteruntermenupunkt1 </a></li>
                                             <li><a href="index.html">Unteruntermenupunkt2 </a></li>
                                       </ul>
                            </li>
                            <li><a href="index.html">Untermenupunkt4 </a></li>
                      </ul>
              </li>
            <li><a href="index.html">Menupunk3 </a></li>
         </ul>
        
    </div>
         <div id="mitte">   
         <img class="headline" src="./images/titel.jpg" alt="Aufreisstitelbild" />
         <h1>Dies ist die Überschrift für die Suchmaschinen (h1)</h1>
         <p class="intro">Dieser Text hier: class p.intro</a></p>
         <p>Dies ist der normale p-text</p>
         <hr />
      </div>
      
   </div>
   <div id="footer"><a href="index.html">Test-Link</a></div>
   
</body>
</html>


Der Stylesheet hier drin ist so, wie ich ihn für eine extra css-Datei nur für den IE6 vorgesehen hatte.
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 12.03.2007 10:58
Titel

Antworten mit Zitat Zum Seitenanfang

Sollte ich das jetzt richtig verstanden haben, habe gerade keinen IE6 zum testen,
aber versuch mal dein Stylesheet um diese Regel zu erweitern.

Code:
html, body {
    height:100%;
}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Ameisenhaufen
Threadersteller

Dabei seit: 09.03.2007
Ort: Nürnberg
Alter: 38
Geschlecht: Weiblich
Verfasst Mo 12.03.2007 12:21
Titel

Antworten mit Zitat Zum Seitenanfang

Ne, das hat leider nix bewirkt.
  View user's profile Private Nachricht senden
konsumkünstler

Dabei seit: 05.06.2005
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 12.03.2007 16:41
Titel

Antworten mit Zitat Zum Seitenanfang

Das Problem ist, dass IE6 kein min-height interpretiert.

schätze mal, dir wird wohl nichts anderes übrig bleiben als ein frameset zu nehmen oder ein kompliziertes javascript konstrukt, was dir dein div#seite dynamisch in der höhe anpasst.

grüße
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 12.03.2007 16:46
Titel

Antworten mit Zitat Zum Seitenanfang

konsumkünstler hat geschrieben:
Das Problem ist, dass IE6 kein min-height interpretiert.

schätze mal, dir wird wohl nichts anderes übrig bleiben als ein frameset zu nehmen oder ein kompliziertes javascript konstrukt, was dir dein div#seite dynamisch in der höhe anpasst.

grüße


Wie gesagt, ich habe es nicht getestet und mir nicht groß angeschaut. Aber die Aussage ist ja einfach nur Schwachsinn, denn sollte es an der fehlenden min-height Unterstützung liegen, lässt sich dass auf viele Arten lösen, und sicher auch
einfach, wie z.B.:

http://www.dustindiaz.com/min-height-fast-hack
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Basti82

Dabei seit: 01.11.2005
Ort: Hessen
Alter: 41
Geschlecht: Männlich
Verfasst Mo 12.03.2007 16:55
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.intensivstation.ch/files/templates/temp02a_100height.html

kann auch helfen !
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen darstellungs problem mit ie
Flash Catalyst darstellungs problem
Darstellungs-Problem Hintergundbild (iPad, iPhone)
IE 7 Darstellungs Probleme mit Joomla
[Flsh] Darstellungs/Anzeigeproblem: Flash vs. Browser
Formmailer-Problem-neues problem
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.