zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Komischer Bug bei Navigation

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.05.2007, 16:19
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.01.2006
Beiträge: 53
Nars befindet sich auf einem aufstrebenden Ast
Standard Komischer Bug bei Navigation

hey community

ich hab da nen ganz komischen bug in meiner navigation im IE 6. und zwar werden immer die letzten 3 buchstaben, des letzten links ca. 20 px weiter unten nochmals angezeigt.

wollte mal nachfragen, ob ihr sowas schon einmal gesehen habt und evtl. ne lösung für das problem wisst.



Der Code Der Navi ist so aufgebaut:

Code:
	<div id="unter-navi">
					<div class="unter-navi-level1-no"><a href="#">Berufsbildung 1</a></div>
					<div class="unter-navi-level1-act"><a href="#">Berufsbildung 2</a></div>				
					<div class="unter-navi-level1-no"><a href="#">Berufsbildung 3</a></div>
						<div class="unter-navi-level2-no"><a href="#">Berufsbildung 3.1</a></div>
						<div class="unter-navi-level2-act"><a href="#">Berufsbildung 3.2 </a></div>
					<div class="unter-navi-level1-no"><a href="#">Berufsbildung 4</a></div>
					<div class="unter-navi-level1-no"><a href="#">Berufsbildung 5</a></div>
			</div>
das zugehörige css, sieht folgendermassen aus:

Code:
#unter-navi{
	float:left;
	height:auto;
	width:234px;
	text-align:left;	
	background:#d8d8da;
	overflow:hidden;
}
.unter-navi-level1-no a{
	float:left;
	width:204px;
	padding:7px 0 7px 30px;
	font-size:11px;
	font-weight:bold;
	color:#585858;
	text-decoration:none;
	background: transparent url(img/unter_navi_level1_bg.jpg) bottom;
	display:inline;
}




.unter-navi-level1-no a:hover{
	background: transparent url(img/unter_navi_level1_bg.jpg) top;
		color:#ffffff;
}

.unter-navi-level1-act a{
	float:left;
	width:204px;
	padding:7px 0 7px 30px;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	background: transparent url(img/unter_navi_level1_bg.jpg) top;
display:inline;

.unter-navi-level2-no a{
	float:left;
	width:174px;
	padding:7px 0 7px 60px;
	font-size:11px;
	font-weight:bold;
	color:#585858;
	text-decoration:none;
	background: transparent url(img/unter_navi_level2_bg.jpg) bottom;
}

.unter-navi-level2-no a:hover{
	background: transparent url(img/unter_navi_level2_bg.jpg) top;
	color:#ffffff;
}

.unter-navi-level2-act a{
	float:left;
	width:174px;
	padding:7px 0 7px 60px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	background: transparent url(img/unter_navi_level2_bg.jpg) top;
}


}
danke schon im voraus!
__________________
Run For Your Life

MatheMagie - Rechnen für Beruf und Alltag
www.mathemagie.com
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.05.2007, 16:28
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.843
RoToRa wird schon bald berühmt werden
Standard

IE Duplicate Characters Bug - CSS fixes and workarounds

Dein HTML ist übrigens eine unschöne DIV- und Klassen-Suppe.

Robin
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.05.2007, 16:37
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.01.2006
Beiträge: 53
Nars befindet sich auf einem aufstrebenden Ast
Standard

danke für deine prompte antwort.

warum meinst du, dass mein html eine unschöne div und klassensuppe ist? wie würdest du es besser machen? zur info, ist für ein typo3 template...
__________________
Run For Your Life

MatheMagie - Rechnen für Beruf und Alltag
www.mathemagie.com
Mit Zitat antworten
  #4 (permalink)  
Alt 03.05.2007, 17:10
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.843
RoToRa wird schon bald berühmt werden
Standard

Zitat:
Zitat von Nars Beitrag anzeigen
warum meinst du, dass mein html eine unschöne div und klassensuppe ist? wie würdest du es besser machen?
Google mal nach "DIV-Suppe" und "semantischem HTML". Für Navigationen sind in der Regel eine Liste sinnvoll. Und statt den ganzen Klassen gibt es in CSS den "Nachkommen-Selektor".

Beispiel:
Code:
<ul id="unter-navi">
	<li><a href="#">Berufsbildung 1</a></li>
	<li class="aktuell"><a href="#">Berufsbildung 2</a></li>			
	<li><a href="#">Berufsbildung 3</a>
		<ul>
			<li><a href="#">Berufsbildung 3.1</a></li>
			<li class="aktuell"><a href="#">Berufsbildung 3.2 </a></li>
		</ul>
	</li>
	<li><a href="#">Berufsbildung 4</a></li>
	<li><a href="#">Berufsbildung 5</a></li>
</ul>
(Die Position der "akuell"-Klassen kommt mir so nicht richtig vor, aber das lässt sich ja anpassen.)

Zitat:
zur info, ist für ein typo3 template...
Das *sollte* egal sein, denn jedem guten CMS kann man frei einstellen können was für HTML es ausgibt.

Robin
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit Navigation safari CSS 12 20.04.2011 12:11
Float-Problem? mischaef CSS 33 20.10.2010 17:20
Problem mit FlyOut Menu im IE7 quarki69 CSS 5 15.03.2010 16:46
Javascript UL Navigation im IE6 ven CSS 7 29.04.2008 16:29
Container mit 2 Container darin -> Hintergrund anzeigen bendar CSS 4 05.04.2005 19:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:21 Uhr.