Autor |
Nachricht |
Ameisenhaufen
Threadersteller
Dabei seit: 09.03.2007
Ort: Nürnberg
Alter: 38
Geschlecht:
|
Verfasst Fr 09.03.2007 15:06
Titel IE6 Darstellungs-Problem |
|
|
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
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 09.03.2007 15:08
Titel Re: IE6 Darstellungs-Problem |
|
|
Ameisenhaufen hat geschrieben: | Was kann ich machen, damit er das tut ? |
Vielleicht einfach mal den Code posten?
|
|
|
|
|
Anzeige
|
|
|
Ameisenhaufen
Threadersteller
Dabei seit: 09.03.2007
Ort: Nürnberg
Alter: 38
Geschlecht:
|
Verfasst Mo 12.03.2007 10:48
Titel
|
|
|
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.
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 12.03.2007 10:58
Titel
|
|
|
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%;
} |
|
|
|
|
|
Ameisenhaufen
Threadersteller
Dabei seit: 09.03.2007
Ort: Nürnberg
Alter: 38
Geschlecht:
|
Verfasst Mo 12.03.2007 12:21
Titel
|
|
|
Ne, das hat leider nix bewirkt.
|
|
|
|
|
konsumkünstler
Dabei seit: 05.06.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 12.03.2007 16:41
Titel
|
|
|
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
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 12.03.2007 16:46
Titel
|
|
|
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
|
|
|
|
|
Basti82
Dabei seit: 01.11.2005
Ort: Hessen
Alter: 41
Geschlecht:
|
|
|
|
|
|
|
|
Ä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
|
|