height in % vom ie ignoriert

madbros

Lt. Junior Grade
Registriert
Juni 2004
Beiträge
328
Mahlzeit, Kameraden,

ich habe auf meiner website mehreren div-elementen per css über height und width relative größenangaben in "%" zugewiesen. firefox stellt sie problemlos dar, der ie ignoriert die höhenangabe und weist eigenständig "auto" zu. sieht natürlich kacke aus. width dagegen stellt er richtig dar. kann mir jemand sagen, woran das liegt?

zu betrachten hier: www.madbros.de/test

zuerst habe ich eine browserweiche eingebaut und die div-höhe absolut zugewiesen. problem: unterschiedliche bildschirmauflösungen werden dabei nicht berücksichtigt. natürlich könnte ich jetzt auch noch ne weiche für die auflösung einbauen, aber da hab ich keinen bock drauf.

hat jemand eine lösung für das problem?

hier noch der inhalt der style.css mit relativen höhenangaben für #oben, #links und #mitte, dabei ist #oben der blaue balken oben, #links das menu und #mitte, ja was wohl, der inhalts-div:

#oben {
height: 15%;
width: 100%;
margin-bottom: 0.1%;
background-color: #0064ad
}

#links {
height: 70.9%;
width: 20%;
margin-right: 0.1%;
float: left;
background-color: #0064ad
}

#mitte {
height: 70.9%;
width: 79.9%;
float: left;
background-color: #0066dd
}

#bild {
height: 600px;
width: 100%;
float: left;
background-color: #0066dd
}

#nav {
height: 90px;
width: 100%;
float: left;
background-color: #0066dd
}

a:link,a:visited,a:active {
color:#ffffff;
text-decoration:none;
font-weight: bold
}

a:hover {
color:#000000;
text-decoration:"underline overline";
font-weight: bold
}

body {
margin-top: 7%;
margin-left: 10%;
margin-right: 10%;
margin-bottom: 7%;
font-family: verdana;
font-weight: bold;
line-height: 135%;
font-size: 70%
}

.popupbody {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
font-family: verdana;
font-weight: bold;
line-height: 135%;
font-size: 85%;
background-color: #0066dd
}

h3 {
font-family: verdana;
font-size: 115%
}

danke
 
ja du muss ja nicht mit % zahlen arbeiten, sondern kannst ja auch "umrechnen" 78% = 0.78

geht wahrscheinlich am einfachsten;)

gruss
 
habe ich probiert, bringt nichts. height ist dann wieder auto. richtig darstellen will er das aus irgendeinem grund nur mit absoluten angaben.
 
Wird sicherlich an der schlampigen CSS-Umsetzung vom IE liegen. Wenns der FF ordentlich darstellen kann, isses richtig programmiert. Nur gucken die IE-Nutzer in die Röhre...
 
ja, nur blöderweise nutzen ihn die meisten leute immernoch
 
negativ. null effekt. leider. trotzdem danke. vielleicht hat wer anders noch ne idee
 
genau den fehler hatte ich tatsächlich bei meiner seite auch (siehe signatur).
Ich habe dann tatsächlich per php bei firefox die prozentangabe und beim ie halt die unschönere feste angabe genommen...
ist zwar nicht optimal die lösung, aber ie user ignoriere ich einfach mal.
die weise ich ganz einfach darauf hin dass ihr browser scheiße ist un fertig
 
es kommt immer drauf an was der ie jetzt als fläche interpretiert, das ganze dokument oder z.b. nur die tabelle in der ein object steckt...
also ich kenne das so das der ie bei 100% angaben eigentlich besser ist als der FF, wenn man z.b. eine tabelle mit 100% höhe erstellt interpretiert der IE es richtig und verteilt die tabelle über den kompletten horizontalen platz. der ff ignoriert in diesem fall die angaben...

ich weiß jetzt nicht genau aber wenn du die höhenangaben mit grafiken (mit nem spacer) realisierst..

HTML:
<table>
 <tr>
  <td style='width: 1px;'><img src='grafiken/spacer.gif' style='width: 1px; height: 100%;'></td>
  <td>inhalt</td>
 </tr>
</table>

versuch das einfach mal.
 
Problem erkannt, Gefahr gebannt...

ich hatte vergessen, dem #root-div höhe und breite von 100% zuzuweisen. jetzt geht's.


vielen dank
 
Zurück
Oben