ugrás a tartalomhoz

CSS Menü - IE vs. FF

fudom · 2005. Ápr. 8. (P), 20.30
Sziasztok!

Talaltam a neten egy hasonlo kodot mint ez ami itt van csak en egy picit atirtam. az erdekelne hogy vajon miert nem mukodhet FF alatt ?
Ime a kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>



<style type="text/css">
.menu {
	display:none;
	}


.folotte {
	color:#000; 
	width:81px; 
	height:18px; 
	display:block; 
	background:#dca; 
	border:1px solid #000; 
	text-align:center; 
	float:left; 
	text-decoration:none; 
	font-family:tahoma, vardana, arial, sans-serif; font-size:10px; 	
	line-height:18px; 
	overflow:hidden;
	}

.folotte:hover {
	height:auto; 
	cursor:pointer;
	color:#fff; 
	background:#000;
	}

a.belso, a.belso:visited {
	display:block; 
	width:81px; 
	border-bottom:1px solid #000; 
	text-decoration:none; 
	color:#000; 	
	background:#eee;
	}

a.belso:hover {
	background:#add;
	}
</style>

<!--[if IE]>
   <style type="text/css">
   /*<![CDATA[*/ 


.menu {
	display:block; 
	position:absolute;
		margin-left:1px; 
	}

a.kivul, a.kivul:visited {
	color:#b3daff; 
	width:82px; 
	height:18px; 
	display:block; 
	background:#0a385a; 
	border:1px solid #b3daff; 	
	text-align:center; 
	float:left; 
	text-decoration:none; 
	font-family:tahoma, vardana, arial, sans-serif; 
	font-size:10px; 
	line-height:18px; 
	overflow:hidden;
	}
a.kivul:hover {
	color:#b3daff; 
	background:#0a385a; 
	overflow:visible;
	text-decoration: underline;
	}

a.kivul:hover table {
	display:block; 
	background:#0a385a; 
	border-collapse:collapse;
	}

a.belso, a.belso:visited {
	display:block; 
	width:78px; 
	height:18px; 
	border-bottom:1px solid #000; 
	text-decoration:none; 	
	color:#b3daff;
	font-family:tahoma, vardana, arial, sans-serif; 
	font-size:10px; 
	text-align:center;
	background-color:#105182;
	}

a.belso:hover {
	background:#b3daff;
	color: #0053a6;
	}
   /*]]>*/
   </style>
<![endif]-->


</head>

<body>
<div class="menu">
<a class="kivul" href="#">dadasa1</a>

<a class="kivul" href="#">dadasa2
</a>

<a class="kivul" href="#">dadasa3
<table><tr><td>
<a class="belso" href="#">asd1</a>
<a class="belso" href="#">asd2</a>
<a class="belso" href="#">asd3</a>
<a class="belso" href="#">asd4</a>
<a class="belso" href="#">asd5</a>
<a class="belso" href="#">asd6</a>
<a class="belso" href="#">asd7</a>
<a class="belso" href="#">asd8</a>
</td></tr></table>
</a>

<a class="kivul" href="#">dadasa4
</a>

<a class="kivul" href="#">dadasa5
</a>

<a class="kivul" href="#">dadasa6
<table><tr><td>
<a class="belso" href="#">asdasd1</a>
<a class="belso" href="#">asdasd2</a>
<a class="belso" href="#">asdasd3</a>
<a class="belso" href="#">asdasd4</a>
<a class="belso" href="#">asdasd5</a>
<a class="belso" href="#">asdasd6</a>
<a class="belso" href="#">asdasd7</a>
</td></tr></table>
</a>

<a class="kivul" href="#">dadasa7
<table><tr><td>
<a class="belso" href="#">sad1</a>
<a class="belso" href="#">sad2</a>
</td></tr>
</table>
</a>
</div>
</body>
</html>
‹ stiliuslap probléma firefox alatt CSS Level 2 használatát nem tudom megoldani Netscape ill. Firefox legújabb verzióival! ›
 ■
1

Nekem így megy.

randomly · 2005. Ápr. 8. (P), 21.37
<style type="text/css">

.menu {
    display:block;
    position:absolute;
        margin-left:1px;
    }

a.kivul, a.kivul:visited {
    color:#b3daff;
    width:82px;
    height:18px;
    display:block;
    background:#0a385a;
    border:1px solid #b3daff;    
    text-align:center;
    float:left;
    text-decoration:none;
    font-family:tahoma, vardana, arial, sans-serif;
    font-size:10px;
    line-height:18px;
    overflow:hidden;
    }
a.kivul:hover {
    color:#b3daff;
    background:#0a385a;
    overflow:visible;
    text-decoration: underline;
    }

a.kivul:hover table {
    display:block;
    background:#0a385a;
    border-collapse:collapse;
    }

a.belso, a.belso:visited {
    display:block;
    width:78px;
    height:18px;
    border-bottom:1px solid #000;
    text-decoration:none;    
    color:#b3daff;
    font-family:tahoma, vardana, arial, sans-serif;
    font-size:10px;
    text-align:center;
    background-color:#105182;
    }

a.belso:hover {
    background:#b3daff;
    color: #0053a6;
    }
   </style>
2

koszi

fudom · 2005. Ápr. 9. (Szo), 15.29
Hali!

Koszi. Van meg egy problemam:

<style type=text/css> 

#keret { 
width: 590px; 
height: 270px; 
border: 2px solid black; 
margin-top: 30px; 
margin-left: 0px; 
position: absolute; 
color: white; 
font-weight: bold; 
overflow: auto; 
z-index:1; 
} 

#menuhelye { 
width: 590px; 
height: 19px; 
position: absolute; 
border-bottom: 2px solid white; 
margin-left: 180px; 
font-size: 12px; 
color: white; 

} 

.menu { 
display:block; 
position:absolute; 
margin-left:1px; 
z-index: 500; 
} 

a.kivul, a.kivul:visited { 
color:#b3daff; 
width:82px; 
height:18px; 
display:block; 
background:#0a385a; 
border:1px solid #b3daff; 
text-align:center; 
float:left; 
text-decoration:none; 
font-family:tahoma, vardana, arial, sans-serif; 
font-size:10px; 
line-height:18px; 
overflow:hidden; 

} 
a.kivul:hover { 
color:#b3daff; 
background:#0a385a; 
overflow:visible; 
text-decoration: underline; 

} 

a.kivul:hover table { 
display:block; 
background:#0a385a; 
text-align: center; 
border-collapse:collapse; 

} 

a.belso, a.belso:visited { 
display:block; 
width:78px; 
height:18px; 
border-bottom:1px solid #000; 
text-decoration:none; 
color:#b3daff; 
font-family:tahoma, vardana, arial, sans-serif; 
font-size:10px; 
text-align:center; 
background-color:#105182; 
text-align: center; 
margin-left: 1px; 

} 

a.belso:hover { 
background:#b3daff; 
color: #0053a6; 

} 
</style> 

<!--[if IE]> 
<style type="text/css"> 
/*<![CDATA[*/ 

.menu { 
display:block; 
position:absolute; 
margin-left:1px; 

} 

a.kivul, a.kivul:visited { 
color:#b3daff; 
width:83px; 
height:18px; 
display:block; 
background:#0a385a; 
border:1px solid #b3daff; 
text-align:center; 
float:left; 
text-decoration:none; 
font-family:tahoma, vardana, arial, sans-serif; 
font-size:10px; 
line-height:18px; 
overflow:hidden; 

} 
a.kivul:hover { 
color:#b3daff; 
background:#0a385a; 
overflow:visible; 
text-decoration: underline; 

} 

a.kivul:hover table { 
display:block; 
background:#0a385a; 
border-collapse:collapse; 

} 

a.belso, a.belso:visited { 
display:block; 
width:78px; 
height:18px; 
border-bottom:1px solid #000; 
text-decoration:none; 
color:#b3daff; 
font-family:tahoma, vardana, arial, sans-serif; 
font-size:10px; 
text-align:center; 
background-color:#105182; 

} 

a.belso:hover { 
background:#b3daff; 
color: #0053a6; 

} 
/*]]>*/ 
</style> 
<![endif]--> 

</head> 

<body> 
<div id=menuhelye> 
<div class="menu"> 
<a class="kivul" href="#">dadasa1</a> 

<a class="kivul" href="#">dadasa2 
</a> 

<a class="kivul" href="#">dadasa3 
<table><tr><td> 
<a class="belso" href="#">asd1</a> 
<a class="belso" href="#">asd2</a> 
<a class="belso" href="#">asd3</a> 
<a class="belso" href="#">asd4</a> 
<a class="belso" href="#">asd5</a> 
<a class="belso" href="#">asd6</a> 
<a class="belso" href="#">asd7</a> 
<a class="belso" href="#">asd8</a> 
</td></tr></table> 
</a> 

<a class="kivul" href="#">dadasa4 
</a> 

<a class="kivul" href="#">dadasa5 
</a> 

<a class="kivul" href="#">dadasa6 
<table><tr><td> 
<a class="belso" href="#">asdasd1</a> 
<a class="belso" href="#">asdasd2</a> 
<a class="belso" href="#">asdasd3</a> 
<a class="belso" href="#">asdasd4</a> 
<a class="belso" href="#">asdasd5</a> 
<a class="belso" href="#">asdasd6</a> 
<a class="belso" href="#">asdasd7</a> 
</td></tr></table> 
</a> 

<a class="kivul" href="#">dadasa7 
<table><tr><td> 
<a class="belso" href="#">sad1</a> 
<a class="belso" href="#">sad2</a> 
</td></tr> 
</table> 
</a> 
</div> 
<div id=keret> 
</div> 
</div>
FF alatt nem mukodik a lenyilo resz olyan ertelemben hogy nem tudom fole vinni az egeret mert eltunik. marmint afole ami a "keret" folott lenne. gondolom vmi z-index kene bele csak nem tom hogyan, addig eljutottam, hogy a .menu -nek kell hogy egyaltalan latszodjon!
Elore is koszi
3

Nekem megy

randomly · 2005. Ápr. 10. (V), 21.24
Hello

Ha csak annyi irok be amit az elöbb beirtam, akkor nekem rendessen megy. FF 1.02 IE6 XP.

rand
4

koszi :-)

fudom · 2005. Ápr. 11. (H), 21.02
Koszi, kicsit atirkaltam, es mostmar nekem is megy. :-)