nicht angemeldet
Hi!
Hi
Ich habe folgendes Problem: Wenn ich in XHTML/HTML "Strict" einen DIV-Bereich ohne Innenabstände (padding:0px) anlege, bekomme ich im Mozilla (Ver. 1.7.3) immer einen oberen und unteren Innenabstand angezeigt. Lasse ich das Dokument jedoch als "Transitional" auswerten, tritt der Effekt nicht auf. Es scheint so, als gebe es noch irgendeinen Default-Wert, den ich nicht berücksichtigt habe. Aber außer "padding", "margin" und "border-width" sind mir keine weiteren Einflussfaktoren bekannt.
Ich finde jedenfalls keine Lösung für dieses Anzeigeproblem (außer als natürlich auf "Transitional" zu switchen). Bin für jede Hilfe dankbar :-)
Das Beispiel findet sich unter: http://www.nativenetwork.de/Test/layer_menue.html
Mit bestem Gruß
KIWI
Hab mir die Dateien angeschaut und mehrere Fehler entdeckt - der Fehler der deinen ungewünschten Rand erzeugt lag daran dass du für das span-Tag einen eigenen Style angegeben hast.
Darum habe ich die <span>-Tags entfernt und deren Styles in die DIV-Klasse reingetan, und so klappts (hier die HTML-Datei):
---snip---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JavaScript-Menü nach DOM-Konvention</title>
<script type="text/javascript" src="menue.js"></script>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="menue_01" id="m01"><a href="#">Menüpunkt 1</a></div>
<div class="menue_01" id="m02"><a href="#">Menüpunkt 2 Johannes Gonser</a></div>
<div class="menue_01" id="m03"><a href="#">Menüpunkt 3</a></div>
</body>
</html>
---snap---
Da habe ich noch was geändert: Die ID sollte wenn möglich keine Anführungszeichen (du hast " drin) enthalten und mit einem Buchstaben beginnen.
Außerdem schreibt man Sonderzeichen nie direkt rein, sondern mit Entities:
ü wird zu ü
Hier deine CSS-Datei:
---snip---
/* Formate fuer Links */
a:link {
font-weight:bold;
text-decoration:none;
}
a:visited {
font-weight:bold;
text-decoration:none;
}
a:hover {
font-weight:bold;
text-decoration:underline;
}
/* Formate fuer das Menue */
body {
padding:0px;
margin:0px;
border-width:0px;
background-color : #FFFFE0;
}
.menue_01 {
position:relative;
background-color: #EDEEFF;
border-color:black;
border-style:solid;
border-width:1px;
padding:0px;
margin-right:10px;
text-align:center;
float:left;
font-family:Verdana, Arial, Helvetiva;
font-size:8pt;
color:#000000;
}
---snap---
Bis denn
Marc Reichelt || http://www.marcreichelt.de/
Linux is like a wigwam - no windows, no gates and an Apache inside!
SELFCode: ss:| zu:) ls:< fo:# de:> va:} ch:? sh:) n4:( rl:? br:^ js:( ie:% fl:( mo:)
http://emmanuel.dammerer.at/selfcode.html