nicht angemeldet
Listenausrichtung
Ein "Hallo" von der Ostsee,
Ich habe eine Frage zu einer Navigation die mittels einer Liste realisieren möchte. Wenn Ihr Euch den folgenden Quelltext mal als html Datei speichert und diese dann einmal mit dem FF und danach mit dem IE anschaut, seht Ihr den Unterschied. Ich möchte das der IE es genauso darstellt wie der FF.
-------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<title>Liste</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
ul
{
background-color: yellow;
}
ul li
{
list-style-type: none;
display: inline;
}
ul li a
{
text-decoration: none;
background-color: red;
}
ul li#aktiv
{
background-color: green;
}
</style>
</head>
<body>
<ul id="navi">
<li id="aktiv">Startseite</li>
<li><a href="#">News</a></li>
<li><a href="#">Links</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="#">Privat</a></li>
<li><a href="#">TSV</a></li>
</ul>
</body>
</head>
</html>
---------------------
Über eine helfende Antwort würde ich mich freuen.
Gruß
-
Hi,
Wenn Ihr Euch den folgenden Quelltext mal als html Datei speichert
ich vermute mal, diesen Schritt hast Du bereits durchgeführt, richtig? Warum lässt Du uns dann noch mal das selbe machen, anstatt uns Deine Arbeit zur Verfügung zu stellen?
und diese dann einmal mit dem FF und danach mit dem IE anschaut, seht Ihr den Unterschied. Ich möchte das der IE es genauso darstellt wie der FF.
Wir befinden uns im World Wide Web - "genauso dargestellt" ist keine zur Verfügung stehende Option. Du erreichst zwangsläufig _höchstens_ eine Ähnlichkeit. Darüber hinaus wäre das auch dann noch keine Problembeschreibung, wenn ich mir die Mühe gemacht hätte, Deinen Code bei mir abzuspeichern, was ich jedoch nicht getan habe, weil ich nicht den geringsten Bock auf Testdateien von fremden Leuten auf meinem Sytem habe.
Also, wie lautet Dein Problem?
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hallo,
Cheatah hat recht - wenn Du es hier vorstellen kannst, dann kannst Du es auch gleich im Netz tun. Und Deine Fehlerangabe ist auch wirklich nicht sehr, hm..., exakt? Trotzdem nimm raue Antworten nicht persönlich: Spezialisten und Weise können oft sehr abweisend sein und haben trotzdem eigentlich fast immer ein großes Herz...Zu Deiner Frage:
Wenn Du keine "paddings" und "margins" für deine Listen definierst, dann macht jeder Brauser was er will.Unscharfe Frage, unscharfe Antwort...
Grüße,
Claus-
Tach auch ...
Das id="aktiv" hat im IE hinter dem Text noch ein Leerzeichen und der Abstand zu dem rechten <li> ist auch geringer.
margin, padding, display, width usw habe ich alles ausprobiert, bin aber leider zu keiner Lösung gekommen.Gruß
-
-