Element erhält 100% Breite mit einer Höhe in IE6
-
03-07-2019 - |
Frage
Ich versuche, eine horizontale Liste von Links mit
- zu machen, bei dem alle Display: Block und eine Höhe aufweist. In IE6, es wird immer 100% Breite, nachdem ich eine Höhe für gesetzt, eine vertikale Liste zu machen.
HTML:
<ul id="header">
<li><a href="#"><span>ST.KILDA ROAD MEDICAL CENTRE</span></a></li>
<li><a href="#"><span>Public Health Management</span></a></li>
<li><a href="#"><span>ST.KILDA ROAD PSYCHOLOGY SERVICES</span></a></li>
<li><a href="#"><span>OCCUPATIONAL ASSISTANCE SERVICE</span></a></li>
<li><a href="#"><span>ST.KILDA ROAD Sports & Physio</span></a></li>
</ul>
CSS:
#header {
height:1%;
overflow:hidden;
}
#header li {
float:left;
}
#header li a, #header li a span {
display:block;
height:28px;
}
Die Spanne für einige Wirkung Hintergrundbild schweben, ich versuchte es und das Styling zu entfernen, Problem bleibt.
Doctype ist XHTML 1.0 Strict. Nun kann ich es in IE6 Arbeit mit nur Polsterung aber vertikale Polsterung ist bekannt, unterschiedlich in Safari umgesetzt werden, als es von anderen Browsern ist.
Meine Frage ist, ob es eine Möglichkeit für mich, Höhe zu halten und Display: Block (wegen der Hintergrundbilder), aber ohne Breite (Ich möchte die Elementlänge flexibel sein) für und eine horizontale Liste in IE6 zu machen. Dank!
Lösung
die Elemente Kind treiben kann das Update benötigen Sie:
#header li a, #header li a span {
display:block;
height:28px;
float:left;
}
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow