• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Navigation mit html und css bei 3-spaltiger css-Definition

cologne89

Neues Mitglied
Guten Tag, ich habe als relativ Neuer auf dem Gebiet eine bisherige, auf framesets aufgebaute Webseite neu mit css-definiertem Layout entwickelt. Die Navigation funktioniert in dem mittlerem Bereich. Wenn ich auf den rechten Layoutbereich gehen will, blinkt die Registerkarte orange. Lösche ich diese Registerkarte, kann ich den rechten Bereich anwählen. Gehe ich mit "Home" wieder zurück und will dann in dem mittleren Bereich navigieren, blinkt wieder die Registerkarte und ich muß erst die registerkarte löschen, um im mittleren Bereich zu navigieren. Was habe ich falsch definiert?
Hier auszugsweise meine html-Datei und meine css-Datei:
html:
<ul id="Navigation">
<li><a href="inhalt.html" target="inhalt">Home</a></li>
<li><a href="gruendung.html" target="inhalt">Gründung</a></li>
<li><a href="vereinsziele.html" target="inhalt">Vereinsziele</a></li>
<li><a href="förderung.html" target="inhalt">Förderungsbescheid</a></li>
<li><a href="mitglieder.html" target="inhalt">Mitglieder</a></li>
<li><a href="projekte.html" target="inhalt">Projekte</a></li>
<li><a href="beitritt.html" target="inhalt">Beitrittserklärung</a></li>
<li><a href="kontakt.html" target="inhalt">Kontakt</a></li>
<li><a href="sonstige_infos.html" target="Info">Sonstige Infos</a></li>
</ul>

<div id="Info">
<h2>Info-Box</h2>
<p>Hier erhalten Sie sonstige Informationen rund um den Förderverein und
die Kirchengemeinde</p>
<a href="sonstige_infos.html" target="Info">Link zu Sonstige Infos</a>
</div>

css:
ul#Navigation {
font-size: 0.83em;
float: left; width: 18em;
margin: 0 0 1.2em; padding: 0;
border: 1px dashed silver;
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul#Navigation a {
display: block;
padding: 0.2em;
font-weight: bold;
}
ul#Navigation a:link {
color: black; background-color: #eee;
}
ul#Navigation a:visited {
color: #666; background-color: #eee;
}
ul#Navigation a:hover {
color: black; background-color: white;
}
ul#Navigation a:active {
color: white; background-color: gray;
}

Danke
 
Ich meine die Webseitenregisterkarte. Beim IE erschient diese oben in der Kopfleiste der Webseite. Ich muss bei der definition im html- oder css-Bereich einen Fehler gemacht haben, oder eine wichtige Angabe fehlt. Wie gesagt, die Navogation im mitlleren Bereich (Inhalt) funktioniert. Wenn ich auf den rechten Layoutberich navigieren will, blinkt oben die registerkarte orange und ich kann nicht in diesen Bereich hineinnavigieren. Erst wenn ich diese registerkarte gelöscht habe, funktioniert die Navigation wieder.
 
Danke für dei Reaktion.
"Register" sagt Win zu den oben rechts stehenden Web-Fenstern.
Ich habe die Version IE 9 (update 9.0.6) installiert.
Ich muss noch etwas zum Thema nachliefern: Ich habe die Navi mit Firefox und GoogleCrome probiert. Bei Firefox ist die Navigation auch wie bei IE eingeschränkt möglich, bei GoogleCrome funktioniert die Navigation einwandfrei. Muß ich für IE noch etwas zusätzliches definieren?
 
Danke für die Reaktion mermshaus.
Ich habe diese Testwebseite noch nicht auf den Server gespeichert (dort befindet sich noch die frameset-Version).
Nachstehend die etwas ausagefähigeren Infos zu den html- und css-Dateien:
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Der Förderverein</title>

<link rel="stylesheet" type="text/css" href="foerderv.css">
</style>
</head>
<body>
<div class="logo">
<img src="Logo_Foerderverein_grün.png" width="100%" height="97" alt="Logo Förderverein" />
</div><!-- Ende class=Logo -->
<h1></h1>

<ul id="Navigation">
<li><a href="inhalt.html" target="inhalt">Home</a></li>
<li><a href="gruendung.html" target="inhalt">Gründung</a></li>
<li><a href="vereinsziele.html" target="inhalt">Vereinsziele</a></li>
<li><a href="förderung.html" target="inhalt">Förderungsbescheid</a></li>
<li><a href="mitglieder.html" target="inhalt">Mitglieder</a></li>
<li><a href="projekte.html" target="inhalt">Projekte</a></li>
<li><a href="beitritt.html" target="inhalt">Beitrittserklärung</a></li>
<li><a href="kontakt.html" target="inhalt">Kontakt</a></li>
<li><a href="sonstige_infos.html" target="Info">Sonstige Infos</a></li>
</ul>
<ul id="navigation_one">
<li><a href="inhalt.html" target="inhalt">Home</a></li>
<li><a href="gruendung.html" target="inhalt">Gründung</a></li>
<li><a href="vereinsziele.html" target="inhalt">Vereinsziele</a></li>
<li><a href="förderung.html" target="inhalt">Förderungsbescheid</a></li>
<li><a href="mitglieder.html" target="inhalt">Mitglieder</a></li>
<li><a href="projekte.html" target="inhalt">Projekte</a></li>
<li><a href="beitritt.html" target="inhalt">Beitrittserklärung</a></li>
<li><a href="kontakt.html" target="inhalt">Kontakt</a></li>
<li><a href="sonstige_infos.html" target="Info">Sonstige Infos</a></li>
</ul>

<div id="Info">
<h2>Info-Box</h2>
<p>Hier erhalten Sie sonstige Informationen rund um den Förderverein und
die Kirchengemeinde</p>
<a href="sonstige_infos.html" target="Info">Link zu Sonstige Infos</a>
</div>


<div id="Inhalt">
<h2>Die Gründung</h2>
</div> <br />
</div> <!-- Ende class=inhalt -->
<p id="Fusszeile">Diese Fußzeile stellt über die CSS-Eigenschaft 'clear'
den Elementenfluss wieder her.</p>
</body>
</html>

css:

body {
color: black; background-color: white;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em;
min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}
h1 {
font-size: 1.5em;
margin: 0 0 0.2em; padding: 0.1em;
text-align: center;
background-color: #fed;
border: 2px ridge silver;
}
ul#navigation_one {
margin: 0px;
position: absolute; left;
padding: 0px;
list-style-type: none;
}

ul#navigation_one li {
padding: 0px;
margin: 0px;
display: inline;
}

ul#navigation_one li a:link {
border: 1px solid #000;
background-color: #CCCCCC;
padding: 2px 5px 2px 5px;
font-size: 12px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
}

ul#navigation_one li {
border: 1px solid #000;
background-color: white;
padding: 2px 5px 2px 5px;
color: #fff;
}
ul#Navigation_one a:link {
color: black; background-color: white;
}
ul#Navigation_one a:visited {
color: #666; background-color: white;
}
ul#Navigation_one a:hover {
color: black; background-color: white;
}
ul#Navigation_one a:active {
color: white; background-color: gray;
}


ul#Navigation {
font-size: 0.83em;
float: left; width: 18em;
margin: 42px 0px 10px 0px; padding: 0;
border: 1px dashed silver;
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul#Navigation a {
display: block;
padding: 0.2em;
font-weight: bold;
}
ul#Navigation a:link {
color: black; background-color: #eee;
}
ul#Navigation a:visited {
color: #666; background-color: #eee;
}
ul#Navigation a:hover {
color: black; background-color: white;
}
ul#Navigation a:active {
color: white; background-color: gray;
}

div#Info {
font-size: 0.9em;
float: right; width: 12em;
margin: 1cm 0 1.1em; padding: 0;
background-color: #eee; border: 1px dashed silver;
}
div#Info h2 {
font-size: 1.33em;
margin: 0.2em 0.5em;
}
div#Info p {
font-size: 1em;
margin: 0.5em;
}
Hoffentlich belaste ich das Forum nicht unnützigerweise mit meinem Problem ?!!

Hcsscssscsscsscsscss
 
Wenn du ein Problem mit dem Browser-User-Interface hast, ist der Quellcode deiner Seite nicht relevant.

Wenn du ein Problem mit Elementen auf deiner Seite hast, ist das User-Interface des Browsers nicht relevant.

Irgendwas vermischst du da, sodass zumindest ich nicht genau weiß, in welchen Bereich das Problem jetzt eigentlich fällt.
 
Ich glaube ich erahne worum es geht. Wie mermshaus schon sagte ist das jedoch ein Browserverhalten, welches Du nicht beeinflussen kannst. Allerdings wird es (vermutlich) durch diese Links verursacht:

HTML:
<a href="inhalt.html" target="inhalt">

Hier versuchst Du einen Link in einem Frame/iframe namens "inhalt" zu öffnen. Diesen gibt es jedoch gar nicht. Daher öffnen manche Browser (je nach Einstellung im Browser - von dir nicht beeinflussbar) beim Anklicken dieser Links die verlinkte URL entweder einem neuen Tab/Registerkarte, einem neuen Fenster oder direkt in der aktuellen Seite.

Wenn Du also schreibst

Wenn ich auf den rechten Layoutbereich gehen will, blinkt die Registerkarte orange

meinst Du damit, dass Du irgendeinen dieser Links im Menü anklickst? Wenn ja, dann sollte ich vermutlich richtig liegen.

Ansonsten schau dir mal an wofür farbige Tabs/Registerkarten im IE stehen:
Internet Explorer: Tabs gruppieren und einfärben | Tipps, Tricks & Kniffe
Mit Webseitenkodierung hat das nichts zu tun.
 
Zurück
Oben