nicht angemeldet
Aktiver Link verschiebt Seite?
0 
Der Martin
0
Aktiver Link verschiebt Seite?
Hallo,
ich verstehe das nicht. Ich habe eine Seite geproggt mir HTML und CSS, also statisch.
Wenn ich auf den Link "Start" klicke, verschibt sich der Hauptbereich (div) nach unten und bleibt beim ersten Klick auch dort. Wenn nich nochmal klicke, kommt er wieder hoch.
Wenn ich mit der Maus den Link gedrückt halte, bleibt er solange, bis ich wieder loslasse?
Komisch.
Dies ist nur beim Firefox, beim IE ist das nicht der Fall.
Was soll das?
Bitte um Hilfe.
Vielen Dank
mfg Christoph
http://www.mtevents.de/user/hsg/index.html
-
Hallo Christoph,
Wenn ich auf den Link "Start" klicke, verschibt sich der Hauptbereich (div) nach unten und bleibt beim ersten Klick auch dort. Wenn nich nochmal klicke, kommt er wieder hoch.
Wenn ich mit der Maus den Link gedrückt halte, bleibt er solange, bis ich wieder loslasse?ich kann das auf http://www.mtevents.de/user/hsg/ leider nicht nachvollziehen, bei mir zuckt da nichts. Hast du das schon wieder geändert?
Hast du dem Link für :active eine Formatierung verpasst, die ihn "größer" erscheinen lässt, etwa eine andere Schriftgröße oder Fettdruck? Dann wäre das Verhalten logisch und korrekt.
Die Pseudoklasse :active gilt nämlich genau während der kurzen Zeit vom Niederdrücken der Maustaste bis zum Loslassen. Der IE verwechselt das leider schon immer und interpretiert :active so, wie eigentlich :focus wirken sollte, während ihm :focus herzlich wurscht ist.
Dies ist nur beim Firefox, beim IE ist das nicht der Fall.
Das würde meine Annahme untermauern.
So long,
Martin--
Lieber eine Fliege im Porzellanladen
als ein Elefant in der Suppe.-
Hi,
ich habe überall dasselbe.
Ich habe Version Firefox 1.5.0.6wenn ich active weglassse, ist es genauso.
vielen dank
christopha:link {
color: #333333;
text-decoration: none;
}a:visited {
color: #333333;
text-decoration: none;
}a:hover {
color: #666666;
text-decoration: none;
}a.normal:link {
color: #333333;
text-decoration: none;
}a.normal:visited {
color: #333333;
text-decoration: none;
}a.normal:focus {
color: #333333;
text-decoration: none;
}a.normal:active {
color: #333333;
text-decoration: none;
}a.normal:hover {
color: #666666;
text-decoration: none;
}a.aktiv:link {
color: #333333;
text-decoration: none;
}a.aktiv:visited {
color: #333333;
text-decoration: none;
}a.aktiv:active {
color: #333333;
text-decoration: none;
}a.aktiv:focus {
color: #333333;
text-decoration: none;
}a.aktiv:hover {
color: #666666;
text-decoration: none;
}a.unten:link {
color: #333333;
text-decoration: none;
}a.unten:visited {
color: #333333;
text-decoration: none;
}a.unten:hover {
color: #666666;
text-decoration: none;
}-
Hi,
wieso brauchst du sowas?
#container {
display:table;
}Das dann ist der Grund! Einfach mach ohne scheisse den code, schreib nicht tags, die nicht da benoetigt sind!
Dein menu ist einfach, mach menu mit <ul> <li>
und in header mach auch kein <table>
Gruss,
InitaP.S. und sei net so grausam zu den menschen
-
danke für deine antwort.
Aber den container brauche ich doch, damit navi und main links und rechts stehen. Zum Schluss der footer.
-
Hi,
das kann man doch anders machen, ohne 'display:table;', einfach mit dem code spielen ;)
-
hm,
wenn ich es weglasse, funktioniert es nicht.
Ich arbeite erst seit neustem mit div und kenne mich da nicht so aus.
Wie geht es denn besser?Die tables in navi und header mache ich raus und probiere es mit ul und li.
danke
mfg chris
-
so ungefaehr, wenn ich dich richtig verstanden hatte ;)
Inita
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
html,body{
font:11px Arial, Helvetica, sans-serif;
border:0;
padding:0;
margin:0}
#hd{
border:1px solid #390}
#ctr{
width:800px;
margin:0 auto;
border:1px solid #F00}
#menu{
float:left;
width:200px;
border:1px solid #000;
padding:0;
margin:0}
#menu li{
list-style:none}
#ct{
float:right;
width:590px;
border:1px solid #000;
padding:0;
margin:0}
#ft{
border:1px solid #00F}
</style>
</head>
<body>
<div id="ctr">
<div id="hd">
<p>header</p><p>header</p><p>header</p>
</div>
<ul id="menu">
<li>Start</li>
<li>Links</li>
<li>Tiere</li>
<li>Links</li>
<li>Tiere</li>
</ul>
<div id="ct">
<p>content</p><p>content</p><p>content</p>
</div>
<div style="clear:both"></div>
<div id="ft">
<p>footer</p><p>footer</p><p>footer</p>
</div>
</div>
</body>
</html>-
VIELEN DANK
hat mir sehr weitergeholfen.
Ich bastele gerade an der page.mfg chris.
-
-
-
-
-
-
-
-
Hallo,
Wenn ich auf den Link "Start" klicke, verschibt sich der Hauptbereich (div) nach unten und bleibt beim ersten Klick auch dort. Wenn nich nochmal klicke, kommt er wieder hoch.
Wenn ich mit der Maus den Link gedrückt halte, bleibt er solange, bis ich wieder loslasse?Komisch.
Dies ist nur beim Firefox, beim IE ist das nicht der Fall.
Was soll das?Das ist so eine dumme Angewohnheit vom Firefox, bei der einer Box, die einen, von overflow:visible abweichenden Wert hat, ein gepünktelter Rahmen zugewiesen wird. K.A., wo das Problem bei dir liegt, aber es ließ sich mit
* {outline:0;}vermeiden. Suche am Besten das betroffene Element und weise ihm diese Eigenschaft zu[1].
[1] Falls du den gepünktelten Rahmen nicht überall verhindern willst - ansonsten solltest du bei jedem Link die Pseudoklasse :focus auffällig gestalten, um die Tastatursteuerung nicht unmöglich zu machen.
mfg. Daniel
-
Aber wieso verändert er meine Seite.
Ist doch statisch!Verstehe ich nicht.
-
Hallo,
Aber wieso verändert er meine Seite.
Ist doch statisch!Was versteht du unter „statisch“? Wenn ich einen Link anklicke, erscheint ein gepüktelter Rahmen um diesen Link. Dieser wiederum kann evtl. eine Überbreite erzeugen. I.d.R. trifft dieses Verhalten aber nicht so extrem auf Link zu sondern eher auf Blöcke.
Ich weiß auch nicht, warum die FF-Entwickler den gepünktelten invertierten Rahmen so mögen, aber da sich das Problem mit CSS leicht beheben lässt, ich es auch nicht soo schlimm.
Verstehe ich nicht.
Ich schon. Hat's denn funktioniert?
mfg. Daniel
-
-
Hier http://www.mtevents.de verändert er doch auch nichts. Sind zwar Frames, aber im Navi-Frame verschiebt er nichts.
wo und wie muss ich das outline einfügen?
Kenne es nicht.danke
mfg chris-
Hallo,
Hier http://www.mtevents.de verändert er doch auch nichts. Sind zwar Frames, aber im Navi-Frame verschiebt er nichts.
Logisch, Frames kann er auch nicht in die nächste Zeile schieben.
wo und wie muss ich das outline einfügen?
Testweise evtl. erstmal so, wie ich es dir gepostet habe. Wenn es funktioniert, dann solltest du versuchen, das Element zu finden, das diese Probleme verursacht und die Eigenschaft eben dieses Element zuweisen.
Kenne es nicht.
Outline ist praktisch die „Außenlinie“. Im Browserstylesheet steht „outline:1px dotted invert“ (jedenfalls bei aktuellen Browsern). Genau diese Außenlinie kann aber Probleme verursachen. Deshalb solltest du sie an der entspr. Stelle unterdrücken.
Evtl. könntest du dir dazu auch mal mein Tutorial durchlesen.
mfg. Daniel
-
-