Anzeige im IE6

[xpfreund]

Hallo,

was muss ich dem IE6 sagen,dass er den Listenpunkt (li),wie im Firefox oder zumindest überhaupt anzeigt. Der Li wird mit Php erzeugt.

gruß aus Hosena

[Gunnar Bittersmann]

Hello out there!

was muss ich dem IE6 sagen,dass er den Listenpunkt (li),wie im Firefox oder zumindest überhaupt anzeigt.

Dieser Satz spottet jeder Problembeschreibung.

Der Li wird mit Php erzeugt.

Dieser Satz spottet jeder Relevanz.

See ya up the road,
Gunnar

[xpfreund]

Hallo,

Der Grund ist wahrscheinlich,dass der li-Punkt beim Firefox außerhalb des alles umschließenden angezeigt wird,d. h. IE denkt sich,dass der li Punkt dadurch, weil er außerhalb des Menü-divs ist,nicht angezeigt werden braucht. Ist nur noch die Frage,wie man dem sagt,dass die Punkt mit im Menü-div angezeigt werden soll? Das gesamte Menü ist links gefloatet,kann natürlich auch daran liegen?

gruß aus Hosena

[Gunnar Bittersmann]

Hello out there!

[…] dass der li-Punkt beim Firefox außerhalb des alles umschließenden angezeigt wird,d. h. IE denkt sich,dass der li Punkt dadurch, weil er außerhalb des Menü-divs ist,nicht angezeigt werden braucht.

Nichts von dem ergibt Sinn. Kannst du dich verständlich äußern?

Das gesamte Menü ist links gefloatet,kann natürlich auch daran liegen?

Möglich. Deine Äußerungen reichen nicht einmal für einen Blick in die Glaskugel. Sag ich doch.

See ya up the road,
Gunnar

[Jonathan]

was muss ich dem IE6 sagen,dass er den Listenpunkt (li),wie im Firefox oder zumindest überhaupt anzeigt.

Der IE ist zwar ziemlich kaputt, aber Listenpunkte zeigt er schon standardmäßig an. Das Problem scheint bei dir bzw. in deinem Quellcode zu liegen.

[xpfreund]

Hallo,

Ich erzeuge den Menüpunkt so:

<?php if ($seite == 'seite1')
  {echo "<li class="deaktiviert"><a class="main">Wort zum Monat</a></li>\n";
}
else {echo "<li><a href="index.php?section=seite1" class="main">Wort zum Monat</a></li>\n";
};
?>

$seite ist übrigens ein string,der nach einer Kürzung des Query strings festlegt,welche Unterseite offen ist,um festzustellen, welcher Menüpunkt deaktiviert werden muss. Mein Doctype ist xhtml 1.0 . Auf jeden Fall wird der Punkt vor dem Link (für den ja li zuständig ist) im Firefox ordnungsgemäß angezeigt, im IE6 überhaupt nicht.

gruß aus Hosena

[Gunnar Bittersmann]

Hello out there!

Ich erzeuge den Menüpunkt so:
<?php […]

Welchen Teil von „Dieser Satz spottet jeder Relevanz“ hattest du nicht verstanden?

Serverseitiger Code (PHP) ist bei einem clientseitigen Problem völlig irrelevant. Poste also nur den generierten HTML-Code.

Und natürlich den CSS-Code. Sollte das nicht selbstverständlich sein bei einem CSS-Problem?

See ya up the road,
Gunnar

[xpfreund]

Hallo,

Das relevante css:
* {
 margin: 0;
 padding: 0;
}
body#startseite {
 font-family: Vectora, Arial, Helvetica, sans-serif;
 text-align: center;
 padding: 15px 0;
 background-color: #6633CC;
 color: #00CCFF;
 text-decoration: none;
}
/* Text und Links allgemein */
p, li {
font-size: 80%;
}
a {
 height: 1%; /* damit der IE den ganzen Link aktiviert */
 text-decoration: none;
 background-color: transparent;
 color: #6633CC;
}

a.main {
display:block;
font-weight:bold;
padding:10px 10px 2px 10px;
text-decoration:none;
}
li.deaktiviert  {
background-color: transparent;
}
a {
  text-decoration:none;
  border-bottom:1px solid #cacaca;
}
li a:hover {
background-color: transparent;
color: #00FF40;
border-bottom: 1px solid #e00;
text-decoration: underline
}
/* Container mit ihren Inhalten */
#alles {
 /* umschlieszt alles */
 text-align: left;
 width: 86%;
 margin: 0 auto;
 background-color: #6633CC;
}
/* Header */
#Titel {
 padding: 10px 10px;
 background-color: #FFCC00;
 color: #00CCFF;
 border-bottom: 40px solid #ffcc00;
 text-align: center;
}

#menu {
 /* links von content floatendes Menue */
 float: left;
 width: 200px;
 background-color: #6633CC;
 position: absolute;
 color: #00FFFF;
}
#menu p {
padding-bottom: 10px;
}
#menu a {
display: block;
margin: 10px 10px;
padding: 3px 5px;
background-color: #004080;
color: #fff;

}
#menu li.deaktiviert a  {
background-color: #FF0033;
}

/* Content */
#inhalt {
 padding: 10px 0;
 background-color: #BEBED2;
 color: #000;
 border-left: 200px solid #6633CC;

}
#inhalt p {
line-height: 150%;
padding: 0 60px 10px 40px;
}
#inhalt p.topper {
padding: 10px 60px 20px 40px;
}
#inhalt h3#segen p {
 text-align: left;
 padding: 0px 5em 5px 0px;
 font-size: 80%;
}
#inhalt ul {
line-height: 150%;
padding: 0 60px 10px 60px;
}

li {
 color: #ff0033;
 background-color: #6633CC;
}

html:
<ul>
<li class="deaktiviert"><a class="main">Wort zum Monat</a></li>
<li><a href="index.php?section=seite2" class="main">Veranstaltungen</a></li>
<li><a href="index.php?section=seite3" class="main">Regelmäßiges</a></li>
<li><a href="index.php?section=seite4" class="main">Termine</a></li>
<li><a href="index.php?section=seite5" class="main">Anzeigen</a></li>
<li><a href="index.php?section=seite6" class="main">Geburtstage</a></li>
<li><a href="index.php?section=seite7" class="main">Kontakt</a></li>
</ul>
</div>

gruß aus Hosena

[Gunnar Bittersmann]

Hello out there!

Das relevante css:

Nein, das sieht eher nach dem kompletten Stylesheet aus denn nach dem hier relevanten Teil.

a {
height: 1%; /* damit der IE den ganzen Link aktiviert */

Wie bitte? Was soll das?

#menu {
/* links von content floatendes Menue */

Welches Element bitte hat die ID "menu"?

html:
<ul>
<li class="deaktiviert"><a class="main">Wort zum Monat</a></li>

Wozu das 'a'-Element? Das ist kein Anker, weder Start- noch Zielpunkt eines Links. Weg damit.

Wozu die Klasse "deaktiviert"? Das ist als Menüpinkt, der kein Link enthält, formatierbar.

<li><a href="index.php?section=seite2" class="main">Veranstaltungen</a></li>

Wozu die Klasse "main"? Wenn sämtliche Listenpunkte derselben Klasse angehören, erübrigt sich eine Klassifizierung.

Dein HTML sollte so aussehen:

<ul id="foo">  
  <li>Wort zum Monat</li>  
  <li><a href="index.php?section=seite2">Veranstaltungen</a></li>  
  <li><a href="index.php?section=seite3">Regelmäßiges</a></li>  
  <li><a href="index.php?section=seite4">Termine</a></li>  
  <li><a href="index.php?section=seite5">Anzeigen</a></li>  
  <li><a href="index.php?section=seite6">Geburtstage</a></li>  
  <li><a href="index.php?section=seite7">Kontakt</a></li>  
</ul>

Die Selektoren 'foo', 'foo li' und 'foo li a' sollten dir deine Wünsche erfüllen können.

See ya up the road,
Gunnar

[xpfreund]

Hallo,

der li-Punkt wird aber trotzdem nicht angezeigt (im IE). Die id=menu gehört zu der der ul-Liste von eben.

gruß aus Hosena

[Struppi]

der li-Punkt wird aber trotzdem nicht angezeigt (im IE). Die id=menu gehört zu der der ul-Liste von eben.

Könntest du uns das zeigen, denn bei mir sind Listenpunkte

Struppi.

[xpfreund]

Hallo,

a {
height: 1%; /* damit der IE den ganzen Link aktiviert */

Wie bitte? Was soll das?

Stand in einem Bsp.,was ich mal gefunden hatte.

#menu {
/* links von content floatendes Menue */

Welches Element bitte hat die ID "menu"?

Der div in dem die ul-Liste enthalten ist.

html:
<ul>
<li class="deaktiviert"><a class="main">Wort zum Monat</a></li>

Wozu das 'a'-Element? Das ist kein Anker, weder Start- noch Zielpunkt eines Links. Weg damit.

Damit a.main auf alle anwendbar ist.

Wozu die Klasse "deaktiviert"? Das ist als Menüpinkt, der kein Link enthält, formatierbar.

Damit die entsprechende Farbe kommt

<li><a href="index.php?section=seite2" class="main">Veranstaltungen</a></li>

Wozu die Klasse "main"? Wenn sämtliche Listenpunkte derselben Klasse angehören, erübrigt sich eine Klassifizierung.

siehe oben

gruß aus Hosena

[Gunnar Bittersmann]

Hello out there!

Wie bitte? Was soll das?
Stand in einem Bsp.,was ich mal gefunden hatte.

Ach, und du denkst, es kann nicht schaden, irgendwelchen aus dem Netz gefischten Code einzusetzen ohen geringste Kenntnis, was er bewirkt?

Welches Element bitte hat die ID "menu"?
Der div in dem die ul-Liste enthalten ist.

Wozu sollte das 'ul'-Element in ein 'div' gepfercht werden?

Damit a.main auf alle anwendbar ist. […]
Damit die entsprechende Farbe kommt […]
siehe oben

Nein; siehe _unten_ in meinem Posting (gleich mit Berichtigung):

„Die Selektoren '#foo', '#foo li' und '#foo li a' sollten dir deine Wünsche erfüllen können.“

See ya up the road,
Gunnar

[Cheatah]

Hi,

Stand in einem Bsp.,was ich mal gefunden hatte.

steht das "p" in Deinem Nickname für "Papagei"?

Wozu das 'a'-Element? Das ist kein Anker, weder Start- noch Zielpunkt eines Links. Weg damit.
Damit a.main auf alle anwendbar ist.

Der HTML-Code ergibt sich *niemals* aus einer Anforderung an die Darstellung. Eine Antwort auf Gunnars Frage *muss* ohne jedweden Zusammenhang zu CSS möglich sein; andernfalls ist der HTML-Code falsch.

Wozu die Klasse "deaktiviert"? Das ist als Menüpinkt, der kein Link enthält, formatierbar.
Damit die entsprechende Farbe kommt

Siehe oben.

Wozu die Klasse "main"? Wenn sämtliche Listenpunkte derselben Klasse angehören, erübrigt sich eine Klassifizierung.
siehe oben

Genau - siehe oben. HTML-Code lässt sich nicht über CSS begründen.

Cheatah

[MudGuard]

Hi,

* {
margin: 0;
padding: 0;
}

IIRC zeigt IE die Punkte im margin-Bereich an. Kein Margin, kein Listenpunkt ...

cu,
Andreas

[xpfreund]

Hallo,

seitdem ich margin und padding auf 1 gesetzt habe,funzts.

gruß aus Hosena

[Struppi]

seitdem ich margin und padding auf 1 gesetzt habe,funzts.

1 was?
Ohne Angabe der Einheit, wird diese Angabe ignoriert, d.h. wenn du margin einfach wegläßt, dann funzts erst recht.

Struppi.

[xpfreund]

Hallo,

seitdem ich margin und padding auf 1 gesetzt habe,funzts.

1 was?
Ohne Angabe der Einheit, wird diese Angabe ignoriert, d.h. wenn du margin einfach wegläßt, dann funzts erst recht.

Das stimmt nicht,wenn ich bspw. 15 tippe,versaut das das ganze Menü und wenn ich es ganz weglasse, auch. Es macht nämlich, jedenfalls hier, keinen Unterschied, ob man nur 1 oder 1px schreibt.

gruß aus Hosena

[Struppi]

Das stimmt nicht,wenn ich bspw. 15 tippe,versaut das das ganze Menü und wenn ich es ganz weglasse, auch. Es macht nämlich, jedenfalls hier, keinen Unterschied, ob man nur 1 oder 1px schreibt.

Dann wird deine Seite im Quirksmodus angezeigt, dass ist schlecht.

Struppi.

[xpfreund]

Hallo,

Dann wird deine Seite im Quirksmodus angezeigt, dass ist schlecht.

Was legt denn das fest? Mein doctype-deklaration ist:
<?php
echo "<?xml version="1.0" ?>\n";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">

gruß aus Hosena

[Struppi]

Was legt denn das fest? Mein doctype-deklaration ist:

Im Prinzip ja, aber...

<?php
echo "<?xml version="1.0" ?>\n";

... dadurch wird der IE 6 zmuindest, in Quirksmodus versetzt, auch wenn der DOCTYPE was anderes sagt.

Struppi.

[xpfreund]

Hallo,

Hab einfach beides (xml...,margin,padding) rausgelöscht und es funzt auch noch gut.

gruß aus Hosena

[Struppi]

Hab einfach beides (xml...,margin,padding) rausgelöscht und es funzt auch noch gut.

Das ist was ich von anfang gesagt habe, deine Angabe wird ignoriert, d.h. du kannst sie auch weglassen.

Struppi.

[xpfreund]

Hallo,

allerdings nur,wenn nicht gequirkst wird,sonst wird die Angabe nämlich genutzt.

gruß aus Hosena

[Struppi]

allerdings nur,wenn nicht gequirkst wird,sonst wird die Angabe nämlich genutzt.

genau, ist aber trotzdem ungültig.

Struppi.

[xpfreund]

Hallo,

genau, ist aber trotzdem ungültig.

ja aber wenns Auswirkungen hatte (beim Quirksen),dann muss es ja funktionieren
gruß aus Hosena

[Struppi]

genau, ist aber trotzdem ungültig.

ja aber wenns Auswirkungen hatte (beim Quirksen),dann muss es ja funktionieren

ich weiß nicht was du mir jetzt sagen möchtest, aber wenn dir es zu umständlich ist dem Browser mitzuteilen was du genau möchtest und du daher manche Browser in den Quirksmodus versetzt, ist das schon ok.

Struppi.

[Gunnar Bittersmann]

Hello out there!

genau, ist aber trotzdem ungültig.

ja aber wenns Auswirkungen hatte (beim Quirksen)

Im Quirkmodus sehen einige Browser über Fehler des Webseitenautors hinweg.

Bei 'margin: 1' rät ein Browser, dass der Autor damit vielleicht 'margin: 1px' gemeint haben könnte.

Ein anderer Browser interpretiert das vielleicht als 'margin: 1em' oder auch gar nicht.

dann muss es ja funktionieren

"funktioniert" != "ist richtig"

See ya up the road,
Gunnar

[MudGuard]

Hi,

seitdem ich margin und padding auf 1 gesetzt habe,funzts.

Wenn Du als Wert 1 statt 0 hinschreibst, ist das ein ungültiger Wert - die Angabe wird ignoriert, damit gelten wieder die Werte aus dem browserinternen Stylesheet.

cu,
Andreas