05.05.2009, 09:37
|
|||
|
|||
display: block und inline
Hallo,
die horizontale Navigation per Liste zeigt das Hintergrundbild bei 'hover' nur dann in voller Höhe (nicht nur in Schrifthöhe) wenn ich bei 'li a' 'display: block;' setze. Dieses 'display: block;' wird jedoch im IE 6 als Listenpunkte untereinander dargestellt, das 'display: inline;' der Liste wird übergangen. Gibt es einen Hack für den IE, sprich eine Anweisung, wie ich auch den IE dazu bringen kann die Liste 'display: inline;' darzustellen. Danke Euch! Gruß Maggie Code:
.moduletable-haupt ul li {
font-size:1.1em;
font-weight:normal;
color: #000000;
display: inline;
background-color:#FFFFFF;
float: right;
}
.moduletable-haupt li a {
display: block;
height: 22px;
padding: 0px 8px 0px 10px;
color: #000000;
text-decoration: none;
}
.moduletable-haupt a:hover {
background-color: transparent;
background-image: url(../images/hg_m_haupt2.gif);
background-repeat: repeat-x;
background-position: 0%;
color:#FFFFFF;
text-decoration: none;
}
|
| Sponsored Links |
|
05.05.2009, 09:39
|
||||
|
||||
|
Und die anderen Browser (Opera, Firefox) zeigen die Listenelemente nebeneinander an?
Edit: ich hab "float:right" überlesen Geändert von David (05.05.2009 um 09:46 Uhr)
|
| Sponsored Links |
|
05.05.2009, 09:47
|
||||
|
||||
|
OK, ich hatte das "float:right" überlesen, was mich zur nächsten Frage bringt: warum noch das display:inline?
|
|
05.05.2009, 09:49
|
|||
|
|||
|
In diesem Codeschnipsel sind die li-Elemente gefloatet. Das inline hat keine Wirkung.
Zum Verhalten im IE siehe Über hasLayout ? das Konzept des hasLayout im IE/Win | Deutsche Übersetzung Bitte die Hinweise für Fragende beachten!
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken
|
|
05.05.2009, 09:54
|
||||
|
||||
|
Mich wundert das Verhalten nur. Ich hatte bisher nie probleme mit der Variante
Code:
ul li {
float:left/right;
}
ul li a {
display:block;
}
|
|
05.05.2009, 09:56
|
|||
|
|||
|
Dann lies doch den Link, den ich gepostet habe. Dort erfährst du, was das Problem im IE ist.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken
|
|
05.05.2009, 10:43
|
|||
|
|||
|
Ja, jetzt ist das Problem im IE 6 zu sehen.
Und warum wendest du die bereits verlinkte Lösung nicht an? Dein Code braucht einen Validator.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken
|
| Sponsored Links |
|
05.05.2009, 10:53
|
|||
|
|||
|
Hi fricca,
meinst Du die Hinweise zum Verhalten im IE? - ich muss gestehen, dass ich das nicht verstanden habe  Ich lese es nochmal aufmerksam. Maggie
|
| Sponsored Links |
 |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten | mazzo | CSS | 10 | 05.04.2012 17:32 |
| Problem mit einem 3D-Effekt | moep0710 | CSS | 12 | 12.06.2010 14:30 |
| Horizontales Menü mit display inline und block | DiHo | CSS | 3 | 01.01.2010 18:47 |
| skiplinks / TAB und das darin enthaltene display: inline | emti | CSS | 6 | 15.12.2008 08:38 |
| Menü mit display: inline ausrichten - display: block anwendbar? | Stalafin | CSS | 3 | 22.09.2006 01:02 |
Linear-Darstellung
