Listenpunkt bei Navigation | IE-BUG ?

ulle · #1 (**permalink**) 28.09.2005, 09:02

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>

derda · #2 (**permalink**) 28.09.2005, 09:25

mit

Code:

#menu li   {vertical-align:top;}

ist der Listenpunkt zumindest am oberen rand.

ulle · #3 (**permalink**) 28.09.2005, 09:37

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;
			}

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Ausrichtung Kalender	greece4u	CSS	20	14.05.2012 13:32
Navigation ist nicht mittig	Schokokrapfen	CSS	29	19.09.2011 23:19
Problem mit Navigation	safari	CSS	12	20.04.2011 11:11
Float-Problem?	mischaef	CSS	33	20.10.2010 16:20
Javascript UL Navigation im IE6	ven	CSS	7	29.04.2008 15:29