webForumDet fria alternativet

CSS och IE6

3 svar · 636 visningar · startad av Gimbo

GimboMedlem sedan dec. 20001 630 inlägg
#1

Hej,

Lyckades designa en sida och den såg bra ut i IE8 mindre bra ut i IE7 och inte alls bra i IE6, skulle behöva få den att se bra ut i IE6 också finns det några enkla hack att ta till med, det är mest headern som ser knasig ut, menyn som skall ligga under headern ligger ovanför headern. så här ser menyn ut:

<div id="wrapper-menu-top">
<div id="menu-top">
	<ul>
		<li><a href="index.html" title="Hem"><span>Hem</span></a></li>
		<li><a href="galleri.html" title="Galleri"><span>Galleri</span></a></li>
		<li><a href="#" title="Links"><span>Länk</span></a></li>
		<li><a href="#" title="Links"><span>Länk</span></a></li>
		<li><a href="#" title="Links"><span>Länk</span></a></li>
		<li><a href="#" title="Links"><span>Länk</span></a></li>
	</ul>
</div><!--menu-top-->
</div><!--wrapper-menu-top-->

och CSS'en

#wrapper-menu-top {
	width: 70%;
	margin: 0 auto;
	text-align: left;
}

#wrapper-menu-top {
	background: white url('images/bg02-white-left.png') no-repeat left top;
}

/*#menu-top {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	overflow: hidden; <-- fixes FF problem
}
*/

#menu-top ul {
	margin-top: 95px;
	margin-left: 20px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: left;
	height: 10px;
}

#menu-top li {
	display: inline;
	float: left;
}

#menu-top a {
	float: left;
	background:url(images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}

#menu-top a span {
	background: transparent url(images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#5b8fbe;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

Några ideer?

Nate.AMedlem sedan mars 2006280 inlägg
#2

Hur ser det ut i IE 6 då? Har du någon URL till sidan så skulle det bli mycket lättare att hjälpa dig.

GimboMedlem sedan dec. 20001 630 inlägg
#3

Har tyvär ingen URL då sidan finns lokalt, men det blir ett väldigt stort mellanrum i vitt från topp ner till menyn.

PawMedlem sedan aug. 20104 inlägg
#4

Försök och ladda upp den globalt så att vi kan få se den "live". Det gör det mycket enklare för oss att hjälpa dig.

Genererad på 378 ms · cache AV · v20260730165559-full.f96bc7eb