zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Knowledge Base
Seite neu laden Listenpunkt bei Navigation | IE-BUG ?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.09.2005, 10:02
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard Listenpunkt bei Navigation | IE-BUG ?

Moin,

ich habe eine Liste als Navi und möchte auch die Listenpunkte darstellen. Dabei ist mir aufgefallen dass der Listenpunkt im IE6 nicht wie üblich oben sondern unten angeordnet wird

Nach einer Analyse habe ich festgestellt dass es an der Dimension des a-Tag (block) hängt. Nur ohne Dimension ist der Navi-Block im IE bekanntlich nicht voll Anklickbar. Ob ich nun mit height, zoom (invalid) oder width (schlecht wegen Boxmodel) arbeite ist egal.

Evtl. hat ja noch jemand eine andere Idee

css:
Code:
*			{
			margin:  0;
			padding: 0;
			}			

#menu		{
			width: 10em;
			
			margin: 1em; 
			border: 1px solid #000000; 
			padding: 1em; 
			
			background-color: #FFFFFF; 
			}			

#menu ul	{
			padding-left: 2em;
			}

#menu li	{
			margin: .2em;
			background-color: #DDDDFF;
			}

#menu li a	{
			display: block;
			
			/* Dimension IE
			 * somit voll anklickbar
			 */
			height: auto ! important;
			height: 1px;			
			
/*			zoom: 1;
*/			
			padding: .2em;
			
			font-size: .8em;
			line-height: 1.3em;
			}

#menu li a:hover
			{
			background-color: #FFCCCC;
			}
xhtml
Code:
<div id="menu" title="Hauptmenu">Jamaika Navigation 
   <ul> [*]eiiiihhnss ...   [*]zwüüööö ......   [*]<a href="#">cool
runnings
.... </a>  [/list]</div>
Angehängte Grafiken
Dateityp: png test_184.png (1,7 KB, 1589x aufgerufen)
__________________
</ulle>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.09.2005, 10:25
Benutzer
neuer user
 
Registriert seit: 22.07.2005
Beiträge: 35
derda befindet sich auf einem aufstrebenden Ast
Standard

mit
Code:
#menu li   {vertical-align:top;}
ist der Listenpunkt zumindest am oberen rand.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.09.2005, 10:37
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von derda
mit
Code:
#menu li   {vertical-align:top;}
ist der Listenpunkt zumindest am oberen rand.
Fast gut, leider steht der Listenpunkt dann aber ganz oben. DANKE




position: relative (wie immer im IE), dann steht der Listenpunkt wo er hingehört und der a-Block ist voll anklickbar.

Code:
#menu li	{
			margin: .2em;
			background-color: #DDDDFF;
			
			line-height: 1;
			}

#menu li a	{
			display: block;
			
			/* Dimension IE
			 * somit voll anklickbar
			 */
			position: relative;

			padding: .2em;
			
			font-size: .8em;
			line-height: 1.3;
			}
Angehängte Grafiken
Dateityp: png test_857.png (1,6 KB, 1521x aufgerufen)
__________________
</ulle>
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
Ausrichtung Kalender greece4u CSS 20 14.05.2012 14:32
Navigation ist nicht mittig Schokokrapfen CSS 29 20.09.2011 00:19
Problem mit Navigation safari CSS 12 20.04.2011 12:11
Float-Problem? mischaef CSS 33 20.10.2010 17:20
Javascript UL Navigation im IE6 ven CSS 7 29.04.2008 16:29


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:44 Uhr.