[Reactorman]

Jag har börjat på en sajt där jag har en headerbild som är 750 px hög och skall vara centrerad på sidan.

Mitt problem är att "menuarea" inte syns alls i IE, utan endast i FF.

Just nu ser sidans kod ut såhär:

<div id="container">
	<div id="hsida">
	<div id="menuarea">
 <img src="gfx/header.jpg" border=0 usemap="#ordet_homepage_navigation_map">
	</div>
	<div id="content">
 </div>
	</div>
	</div>
</div>

Här är ett utdrag ut CSS-filen:

html {
	height:100%
}

<!--[if ie lt 7]> 
<![endif]--> 

#header {
	position: absolute;
	left: -440px;
}
#content {
	margin: 10px 10px 10px -690px;
}
#menuarea {
	z-index:100;
	margin:0 0px 0 -700px;
	background:#ff7700;
	width:700px;
	height:80px;
	padding:10 0px;
}
#container {
	background:url("gfx/vskugga.gif") repeat-y #ffffff;
	width:750px;/*lämna plats för skuggning */
	height:100%;
	margin:0 auto;/*placerar i mitten, inte i IE*/
	text-align:center;/*lurplacerar i mitten f IE*/
}
#hsida {
	background:url("gfx/hskugga.gif") repeat-y;
	margin:0 0 0 725px;
	text-align:left;/*tar tillbaka textplaceringen */
	height:100%;
}

Någon vänlig själ som kan berätta vad en CSS-nybörjare gjort för fel?

Koden är här:
http://www.framtid.net/nyaordet/start.html
http://www.framtid.net/nyaordet/styles.css

[martine]

Ofta får man ta till speciallösningar för IE6 och tidigare. En lång rad css-"kommandon" stöds inte av IE men de fungerar i de flesta andra webläsare. Vad det är i just den här kodbiten har jag inte kikat på…

Mitt råd är att använda Firefox eller andra standardföljade webläsare för att göra websidor så man förstår och lär sig css som det ska vara och sedan specialanpassar css:en så att den också fungerar någorlunda i IE.

[Reactorman]

Ja, jag har hört det flera att man skall jobba i FF så att allt funkar och sedan anpassa för IE. Problemet är ju att jag inte har en aning om hur jag skall lösa det hela så att det funkar i IE. Jag får ju inte ens fram något på skärmen