nicht angemeldet
Moz interpretiert Link nicht als solchen
Moin, zusammen!
Habe eine Seite mit einem zentrierten Div und einem positionierten Link-Div darin.
Im IE klappt es - Moz sieht einfach keinen Link darin und ich habe _keine_ Ahnung warum! Habe ich nur Tomaten auf den Augen, betriebsblind oder was?
Musste den Code hier anhängen, weil ich von zu Haus nicht auf den Server komme, also nicht steinigen, bitte!
....................code..........................
<?xml version="1.0" encoding="ISO-8859-1"?>
<!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">
<head>
<title>Link-Problem</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
<!--
body {
background-color:black;
}
#back {
width:1px;
height:1px;
position:absolute;
top:50%;
left:50%;
}
#inhalt {
width:550px;
height:450px;
position:relative;
top:-225px;
left:-275px;
border:1px dotted white;
}
#menu {
color : white;
background-color : black;
height : 20px;
width : 300px;
position : relative;
top : 50px;
left : 10px;
}
#menu a:link {
color : white;
font : normal normal 12px Arial, Helvetica, sans-serif;
text-decoration : none;
background-color : black;
}
#menu a:hover {
color : red;
text-decoration : none;
background-color : black;
border : none;
}
-->
</style>
</head>
<body>
<div id="back">
<div id="inhalt">
<div id="menu">
<a href="xy.htm">Dies soll ein Link sein - auch in Mozilla</a>
</div>
</div>
</div>
</body>
</html>
.....................code..............
Sieht jemand den Fehler? Ich weiß grad nicht weiter!
Danke!
Gruß
Der Hans
-
Hallo,
#back {
width:1px;
height:1px;
position:absolute;
top:50%;
left:50%;
}</head>
<body><div id="back">
<div id="inhalt">
<div id="menu">
<a href="xy.htm">Dies soll ein Link sein - auch in Mozilla</a>
</div></div>
</div>
</body>
</html>.....................code..............
Alles befindet sich in "ID back", warum ist der div mit height/width auf 1x1px grösse gesetzt?
Zentrieren funktioniert anders:
http://www.fractatulum.de/fraccss/sample/layout7.htmGruss, Jan aus Dresden
-
Hallo, Jan!
Erstmal danke, dass ich deinen anderen Beitrag nicht selbst schreiben musste ... wer weiß, ob ich es so schön hinbekommen hätte!?
Alles befindet sich in "ID back", warum ist der div mit height/width auf 1x1px grösse gesetzt?
Zentrieren funktioniert anders:
http://www.fractatulum.de/fraccss/sample/layout7.htmDie von mir gewählte Variante ist die einzige mir bekannte Möglichkeit,
den DIV horizontal UND vertikal zu zentrieren!
(für den IE kommt dann noch einmal ein DIV drum herum mit dem
"falschen" text-align : center damit es funzt)Warum gerade der Moz nun aber die Links nicht mehr interpretiert bleibt mir schleierhaft!
Gruß
Der Hans
-
Hallo,
Warum gerade der Moz nun aber die Links nicht mehr interpretiert bleibt mir schleierhaft!
Hast du es schonmal mit dem z-index:2; , wie MichelM schrieb, für den div, der das menu beinhaltet, versucht, vieleicht werden die links überdeckt von #inhalt/#back (position!), oder mal die anderen divs löschen, zum test, einen anderern grund kann ich mir nicht vorstellen, der #menu muss oben liegen.
Gruss, Jan aus Dresden
-
-
-
Hallo,
gernerell:
lade die Seite einfach in den Composer vom Netscape oder in das Tool von http://www.w3c.org/tidy !Denke das die doctype XML ist und der Code HTML 4.01.
Die CSS-Definition ist auch fehlerhaft. visibility:inherit z-index=255 kann nie für das DIV-Tag verkehrt sein.
Setze mal die DIVs nicht verschachelt, sondern nebeneinander. DIV-Tags sind keine Tabellen-Tags.
Weise dem Link eine eigene Klasse zu. <a class="xy">
Links sind immer zu unterstreichen http://www.fniffi.de - Links müssen eindeutig erkennbar sein.
Besuchte Links kennzeichnen kann nie verkehrt sein.
in CSS
a.xy:hover
{
color : red;
text-decoration : underline;
background-color : black;
border : none;cursor:pointer;
}
a.xy:link {
color : white;
font : normal normal 12px Arial, Helvetica, sans-serif;
text-decoration : underline;
background-color : black;cursor:pointer;
}a.xy:visited {
color : gray;
font : normal normal 12px Arial, Helvetica, sans-serif;
text-decoration : none;
background-color : black;cursor:pointer;
}
Danke vielmal ;-)Michael
--
Hier bin ich Mensch, hier schreib ich rein-
Hallo,
gernerell:
lade die Seite einfach in den Composer vom Netscape oder in das Tool von http://www.w3c.org/tidy !Ich hoffe ich mache nichts falsch, da ich das generell nicht mache.
Denke das die doctype XML ist und der Code HTML 4.01.
Woran siehst du das. In xhtml würde es doch genauso aussehen.
Ich kann hier keinen fehler entdecken.Die CSS-Definition ist auch fehlerhaft. visibility:inherit z-index=255 kann nie für das DIV-Tag verkehrt sein.
Aber wenn es nicht nötig ist, wozu?
Setze mal die DIVs nicht verschachelt, sondern nebeneinander. DIV-Tags sind keine Tabellen-Tags.
Wenn er die inhalte zentrieren will ist es durchaus sinnvoll die divs in einen, den zentrierten, div zu legen, ist auch kein problem.
Weise dem Link eine eigene Klasse zu. <a class="xy">
Warum noch eine klasse wenn die links über den selektor #menu a:link eindeutig definiert sind.
Links sind immer zu unterstreichen http://www.fniffi.de - Links müssen eindeutig erkennbar sein.
Damit ein link deutlich als solcher erkennbar ist muss er sicher nicht _immer_ unterstrichen sein. Zumal es hier um die linkformatierung des menus und nicht um links die sich im text befinden geht.
Gruss, Jan aus Dresden
-