Bug(s) in IE6?

Door Roeltje M op 15-10-2009 19:22

412 views

Hoi,

Ik moest voor iemand een layout omzetten van PSD naar browsertaal. In IE6 echter zit er een bug in het menu: linkje.

Mijn css voor het mnu is:

#menu {
	background:url(../images/menu.png) no-repeat;
	width:994px;
	height:36px;
	padding-left:15px;
}

	#menu ul {
		padding:0px;
		margin:0px;
		list-style-type: none;
		text-decoration:none;
	}
	
	#menu li {
		text-decoration:none;
		float:left;
		font-weight:normal;
		background:right url(../images/scheiding.png) no-repeat;		
	}
	
	#menu li a {
		color:#004fb1;
		font-family:Arial, Helvetica, sans-serif;	
		padding-left:20px;
		padding-right:20px;
		padding-top:8px;
		display:block;
		height:28px;
		text-decoration:none;
	}
	
	#menu li a:hover {
		text-decoration:none;
		color:#fff;
	}
	
	#menu .last {
		background:none;
	}
	
#menu_left {
	width:640px;
	float:left;
}

#menu_right {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#d3d3d3;
	font-size:12px;
	padding-top:8px;
}
	#menu_right a {
		color:#d3d3d3;
		text-decoration:none;
	}

HTML:

        <div id='menu'>
        	<div id='menu_left'>
            	<ul>
                	<li><a href='#'>link</a></li>
                	<li><a href='#'>link</a></li>
                	<li><a href='#'>link</a></li>
                	<li><a href='#'>link</a></li>
                	<li class="last"><a href='#'>link</a></li>
                </ul>
            </div>
            <div id='menu_right'>
            	Gegevens kwijt. || Ik wil lid worden! <input type='submit' value="Inloggen" />
            </div>

Matthias R

15-10-2009 19:46

werkt die in firefox/...

Maik Diepenbroek

15-10-2009 19:48

Misschien iets proberen met hier en daar een display: inline toevoegen of anders even oppassen met een dubbele padding!

Roeltje M

15-10-2009 19:52

In firefox werkt het goed. LiveVoorbeeld: linkje

Roeltje M

16-10-2009 17:33

iemand?

Michael -

16-10-2009 18:32

Is dit niet meer een probleempje met je breedtes en hoogtes? Ga daar eens mee spelen.

Roeltje M

16-10-2009 22:58

Ik ben er al een tijdje mee wezen kloten voordat ik het hier postte, ook met float etc. Kon het helaas niet vinden.

Michael -

16-10-2009 23:23

Ligt toch echt aan je width hoor. Heb 't even geprobeert en je hebt in l_header, l_body, l_footer allemaal een width gezet, haal deze eens weg of maak die kleiner, dan komen ze wel naast elkaar, maar nu heb ik meerdere naast elkaar dus je zou na menu_large en menu_small een div neer moeten zetten met clear:both; en dan weer menu_large en menu_small zodat ie eronder komen.
En 't is makkelijker om 1 div een breedte te geven. Dus voor menu_small zal je beter s_header een width kunnen geven (ivm het plaatje) en dan l_header ook voor large_menu, en dan zodat ze gewoon naast elkaar kunnen.

Jan Koehoorn

16-10-2009 23:38

Van IE6 is dit een bekend probleem. Probeer eens:


#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;}

Reageren

Inloggen om te reageren