Rollover meny ikke kompitabel med iexplorer?

[runniz]

Heisann,

 

Jeg driver å lager en portefølje og har lagt inn en meny med undermeny i css, noe som fungerer flott i firefox og chrome, men ikke i iexplorer. Tar forbehold om at fonten jeg har valgt ikke er av den utbredte sorten (segoe print). Ser litt på muligheten via sIFR, men det får bli etterhvert.

 

Her er koden for menyen;

 

ul#navlist { 
}

ul#navlist a
{
	font-weight: bold;
	text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul#navlist li { 
	float: left; 
}

ul#navlist li a
{
	color: #ffffff;
	background-color: none;
	padding: 3px;
	border: 0px #ffffff outset;
}

ul#navlist li a:hover
{
	color: #808080;
	background-color: none;
}

ul#navlist li a:active
{
	color: #cccccc;
	background-color: none;
	border: 0px #ffffff inset;
}

ul#subnavlist { 
	display: none; 
}
ul#subnavlist li { 
	float: none;
}

ul#subnavlist li a
{
	padding: 0px;
	margin: 0px;
}

ul#navlist li:hover ul#subnavlist
{
	display: block;
	position: absolute;
	font-size: 8pt;
	padding-top: 5px;
}

ul#navlist li:hover ul#subnavlist li a
{
	display: block;
	width: 9em;
	border: none;
	padding: 2px;
}

ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }

 

I f.eks. firefox kommer undermenyene fint under "Portraits", men i iexplorer kommer de på samme linje som selve menyen og under "Lightsphere".

 

Her er siden; Portefølje.

 

Noen tanker?

[AKIRAx77]

Kanskje en fiks her?

http://veerle.duoh.com/blog/comments/verti...menu_finalized/

 

NB! Husk også å nulle CSSen med denne i alle dine prosjekter:

http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

 

AKIRA

[runniz]

Kanskje en fiks her?

http://veerle.duoh.com/blog/comments/verti...menu_finalized/

 

Ser ut som jeg kan lese meg til noe fornuftig her ja. Takk for det!

 

NB! Husk også å nulle CSSen med denne i alle dine prosjekter:

http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

 

Denne klarte jeg ikke helt å lese meg til; hva gikk dette ut på? Er vel kun på tredje dagen i CSS' verden er jeg redd..

[AKIRAx77]

Desverre så oppfører ikke alle browsere seg likt med tanke på hvor man tar utgangspunkt i at DIVer og andre objekter starter. Hvor "Null" punktet varierer. Og oftest er det IE som er problemet. Den CSS koden der "nuller" ut slik at alle starter på samme sted. Det gjør at du får et bedre utgangspunkt å bygge din CSS på. Trikset er bare å legge den koden inn i starten av CSS i hvert prosjekt og så bygge ut fra den.

 

AKIRA

[runniz]

Da fikk jeg fiksa problemet med at undermenyen forsvant bak hovedmenyen i IE. Jeg la inn forskjellig koding etter hvilken nettleser som benyttes;

 

padding-top: 0em; /* all browsers including Mac IE */
left: 5em; /* all browsers including Mac IE */
*padding-top: 3em; /* IE 7 and below */
*left: 6em; /* IE 7 and below */

 

Ift. nulling, er jeg fortsatt like blank dessverre?

[AKIRAx77]

Synes CSS reset er ganske selvforklarende...men:

http://sixrevisions.com/css/css-tips/css-t...with-css-reset/

 

AKIRA