webForumDet fria alternativet

Konstigt i Opera 9.25 och FF 2

HTML & CSSur HTML, XHTML & CSS

4 svar · 487 visningar · startad av mall

Medlem sedan jan. 2001135 inlägg
Frågan#1

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

Medlem sedan juni 20019 519 inlägg
#2

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.

Medlem sedan jan. 2001135 inlägg
#3

Perfekt! Tack!

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

Medlem sedan juni 20019 519 inlägg
#4

din tabell box:

margin: 20px;

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

Medlem sedan jan. 2001135 inlägg
#5

OK. Tack sa mycket!

135 ms totalt · 3 externa anrop · v20260731065814-full.4bcf49fe
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)