Problema meniu

Coduri intrebari, probleme legate de HTML, XHTML si CSS
bogdan16
Mesaje: 13

Problema meniu

Salutare!
Problema mea este urmatoarea: am facut un meniu vertical insa ceva nu e in regula cu latimea linkurilor.daca le dau latimea 128px (150 -2(border)-20(padding) ) merge bine in firefox, dar in IE nu. Daca dau latimea 150px merge bine in IE , dar in firefox nu.
Acesta este codul:

Cod: Selectaţi tot

<html>
<head>
	<title>Vertical Menu 1</title>
	<style type="text/css">
		ul.menu
	{
		background:#eeeedc;
		border-bottom:1px solid #714107;
		list-style:none;
		margin:0 0 0 20px;
		padding:0px;
		width:150px;
	}
	ul.menu li
	{
		border:1px solid #714107;
		border-bottom:none;
	}
	ul.menu li a
	{
		font:14px verdana,arial,sans-serif bold;
		color:#333;
		display:block;
		padding:2px 10px;
		text-decoration:none;
		width:128px;
	}
	ul.menu li a:hover 
	{
		background:#b9bb79;
		color:#eeeedc;
	}
	</style>
<head>
<body>
	<ul class="menu">
		<li><a href="#">Link 1</a></li>
		<li><a href="#">Link 2</a></li>
		<li><a href="#">Link 3</a></li>
		<li><a href="#">Link 4</a></li>
		<li><a href="#">Link 5</a></li>
	</ul>
</body>
</html>	
Sper sa se uite cineva peste el si sa imi explice unde este problema.
Va multumesc anticipat!

MarPlo
Salut
Problema e de padding, IE nu adauga padding-ul la lungime, iar Firefox adauga.
O solutie ar fi sa lasi css-ul cum e bine pt. firefox si dupa ce se termina tag-ul </style> al acestui css, sa adaugi si altul care e executat doar de IE, care sa fie asa:

Cod: Selectaţi tot


<!--[if gt IE 6]>
<style type="text/css">
ul.menu li a { width:150px; }
</style>
<!--<![endif]-->

bogdan16
Multumesc! Credeam ca am gresit eu ceva sau ca e un bug de care nu stiam.
Am observat ca daca la ul.menu li adaug padding-bottom nu trebuie sa mai pun width la <a> pentru ca IE interpreteaza corect display:block, nu mai trece la linie noua deci problema e rezolvata.Sper sa se inteleaga ceva din ce am zis :lol: .Exista vreo explicatie pentru asta? :?:

MarPlo
O fi vreo explicatie, dar eu nu-mi dau seama care sa fie.
Oricum, conteaza ca problema e rezolvata.

bogdan16
Intr-adevar! Multumesc de ajutor! :)

Subiecte similare