Konstigt i Opera 9.25 och FF 2

I IE ser width pa 812pixlar helt OK ut men inte i FF och Opera.

Nagra tips farfor?

div.content {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #545454;
	line-height: 20px;
	background-color: #FFFFFF;
	padding: 20px;
	width: 812px;
	text-align: left;
	line-height: 140%;
	background-image: url('images/content_back.gif');
	background-repeat: no-repeat;
}

kola lanken
http://www.lifespirit.se/index.phtml

Jag hade gjort:

<div id="content"><div class="content"></div></div>

div#content {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #545454;
	line-height: 20px;
	background-color: #FFFFFF;
	width: 812px;
	text-align: left;
	line-height: 140%;
	background-image: url('images/content_back.gif');
	background-repeat: no-repeat;
}
div.content {
	padding: 20px;
}

låta "id" diven vara där för ren design (bakgrunden) och klassen för text-position.

eller gör en CSS för IE och en för alla andra.

och ha:

	width: 772px; /* 812 - padding x 2*/

för alla andra läsare förutom IE.

Perfekt! Tack!

Hur gor jag sa att texten har en minimal avstand fran boxen pa 20px?

din tabell box:

margin: 20px;

Ett litet tips i framtiden: Bygg sidorna mot FF/Opera först.. anpassa sedan för IE ;) oftast enklare

OK. Tack sa mycket!