73%
22%
19%
11%
6%
Mittwoch, 17. Januar 2007, 11:15
CSS + IE7 Problem
Hallo,
also mein Problem liegt daran, wie der IE7 mit dynamischen Höhen von Objekten umgeht, derzeit ist die Seite im FF 1.7 und 2.0, sowie dem IE 6 nahezu fehlerfrei. Der IE 5 macht zwar auch noch Probleme (mittige Anordnung geht nicht), aber es wird wenigstens alles angezeigt.
Die Seite ist folgende: http://www.nikolaigymnasium.de/
Wer sich dort mal die Subnavigation anschaut, wird sehen, dass sie bei einigen Menüpunkten auch zweizeilig wird, naja, nur im IE 7 bleibt die feste Größe und somit ist die zweite Zeile immer abgeschnitten.
Konkret geht es um diesen Abschnitt:
und das dazugehörige CSS:
Ich würde ja sagen, dass er mit der festen height-Angabe nicht zurecht kommt, minheight wird aber wiederum vom IE 6 nicht unterstützt. Also kleiner als die 20 px sollte die Höhe auch nicht sein ... und jaaa, ich weiß, dass man das mit dem border auch kürzer schreiben könnte.
Aber hat irgendjemand ne Idee, wie ich das mit der dynamischen Höhe in allen Browsern vernünftig angezeigt bekommen könnte?
Viele Grüße,
OnkelJürgen
also mein Problem liegt daran, wie der IE7 mit dynamischen Höhen von Objekten umgeht, derzeit ist die Seite im FF 1.7 und 2.0, sowie dem IE 6 nahezu fehlerfrei. Der IE 5 macht zwar auch noch Probleme (mittige Anordnung geht nicht), aber es wird wenigstens alles angezeigt.
Die Seite ist folgende: http://www.nikolaigymnasium.de/
Wer sich dort mal die Subnavigation anschaut, wird sehen, dass sie bei einigen Menüpunkten auch zweizeilig wird, naja, nur im IE 7 bleibt die feste Größe und somit ist die zweite Zeile immer abgeschnitten.
Konkret geht es um diesen Abschnitt:
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<div id="subnavi">
<div id="links">
<a href="/index.php?article=311&" id="selected">Willkommen</a>
<a href="/index.php?article=322&">Lageplan</a>
<a href="/index.php?article=253&">Hausordnung</a>
<a href="/index.php?article=8&">Kontakt</a>
<a href="/index.php?article=310&">Schulforum</a>
</div>
<form id="searchform" method="POST" action="/index.php?article=82&">
<div id="search">
<input name="search_query" type="text" style="width: 80px;" value="Suche" />
<input type="submit" name="Submit" value="Go" />
</div>
</form>
</div>
|
und das dazugehörige CSS:
|
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 |
#subnavi {
margin-right: auto;
margin-left: auto;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-right-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
position: relative;
width: 796px;
border-top-style: solid;
background-image: url(../image/style/navbg.jpg);
height: 20px;
display: table;
}
#links {
float: left;
font-size: 11px;
color: #FFFFFF;
padding-right: 10px;
padding-left: 10px;
width: 640px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #000000;
display: table-cell;
vertical-align: middle;
top: 50%;
height: 100%;
}
#search {
float: right;
width: 130px;
vertical-align: middle;
display: table-cell;
padding-top: 5px;
top: 50%;
height: 100%;
}
|
Ich würde ja sagen, dass er mit der festen height-Angabe nicht zurecht kommt, minheight wird aber wiederum vom IE 6 nicht unterstützt. Also kleiner als die 20 px sollte die Höhe auch nicht sein ... und jaaa, ich weiß, dass man das mit dem border auch kürzer schreiben könnte.
Aber hat irgendjemand ne Idee, wie ich das mit der dynamischen Höhe in allen Browsern vernünftig angezeigt bekommen könnte?
Viele Grüße,
OnkelJürgen
Auf jede Frage gibt es eine Antwort, man muss nur lange genug danach suchen.
z.B. auf www.netscripter.de :-P
Mittwoch, 17. Januar 2007, 12:07
Über mich: www.heinervdm.de
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.
Mittwoch, 17. Januar 2007, 12:24
Auf jede Frage gibt es eine Antwort, man muss nur lange genug danach suchen.
z.B. auf www.netscripter.de :-P
Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »OnkelJürgen« (17. Januar 2007, 12:25)